颜色怎么调亮、调暗、变鲜艳或变灰？本文说明通过 HSL 的明度/饱和度/色相调整颜色的方法，并介绍在线颜色调整工具：滑块实时预览，原色与结果并列对比。

CSS linear-gradient 怎么用？本文详解线性渐变语法：方向/角度、颜色停止点、多色渐变、透明渐变与常见写法，附可直接复制的代码。在线 CSS 渐变生成器一键出代码。

刷新率和帧时间怎么换算？显示带宽怎么算？本文给出刷新率↔帧时间公式、像素吞吐量、带宽计算（分辨率/刷新率/色深/色度采样），并解释 HDMI/DisplayPort 理论带宽与有效带宽的区别。

显示器最佳观看距离怎么算？本文给出基于视角（30°/36°）的计算方法与公式，说明不同模型结果不同的原因，并给出常见尺寸的建议距离对照。附在线观看距离/视角计算器。

在线颜色选择器：色相/饱和度/明度面板实时取色，HEX、RGB、HSL、HSV、CMYK 多格式同步，支持多点取色与一键复制。含颜色格式详解、调色技巧、色彩理论与 FAQ，适合前端开发与设计配色。

手机 PPI 怎么算、怎么查？本文给出 PPI 公式与常见手机（iPhone/安卓）的分辨率、屏幕尺寸、PPI 对照，并说明高 PPI 与清晰度、耗电的关系。附在线手机 PPI 查询工具。

照片打印要多少像素？本文给出 1 寸/2 寸证件照、5 寸/6 寸/7 寸相片的物理尺寸与 300 DPI 像素对照，以及常见打印分辨率建议。附在线打印尺寸与图片像素计算工具。

像素密度是什么？本文系统梳理 PPI（物理像素密度）、DPR（设备像素比）、CSS 像素与逻辑分辨率的关系，说明它们如何共同决定屏幕清晰度与网页显示效果。附在线 PPI/DPR 计算工具。

PPI 怎么算？本文给出 PPI = √(宽像素²+高像素²) ÷ 对角线英寸 的公式与手算步骤，列出 1080p/2K/4K 常见分辨率对照表，解释 PPI 与 DPI、Retina 的区别与选购建议。附在线 PPI 计算器。

PPI 和 DPI 是一回事吗？本文讲清 PPI（屏幕像素密度）与 DPI（打印墨点分辨率）的区别、各自的计算场景与换算关系，避免"把屏幕当打印"的常见误区。附在线 PPI/DPI 计算器。