Question 1

HEX、RGB、HSL 有什么区别？

Accepted Answer

HEX 用十六进制表示颜色（如 #FF5733），常用于 CSS 和设计软件。RGB 用红绿蓝三个 0-255 的值表示，直观对应显示器像素。HSL 用色相、饱和度、亮度表示，更符合人类对颜色的直觉感知，方便调整明暗和鲜艳度。

Question 2

为什么 HEX 颜色有时是 3 位有时是 6 位？

Accepted Answer

3 位 HEX（如 #F53）是 6 位的缩写，每两位相同时可缩写为一位，等价于 #FF5533。浏览器都支持两种写法，但 6 位更通用且精确，本工具统一输出 6 位格式。

Question 3

CSS 中应该用哪种颜色格式？

Accepted Answer

三种格式浏览器都完全支持。HEX 最简洁常用，RGB 适合需要透明度时使用 rgba()，HSL 适合需要动态调整颜色时使用。实际开发中 HEX 使用最广泛，推荐作为默认选择。

颜色转换工具 | Color Converter