颜色格式转换

#6c63ff

HEX

RGB

HSL

HSV / HSB

CMYK

HWB

最近 CSS 命名色

☼

感知亮度

Lum

相对亮度

互补色

各格式适用场景

将 R, G, B 归一化到 [0,1]，令 max = max(R,G,B)，min = min(R,G,B)，d = max - min。L = (max+min)/2；S = d / (1 - |2L-1|)；H 根据最大通道分段计算。

K = 1 - max(R',G',B')，C = (1-R'-K)/(1-K)，M = (1-G'-K)/(1-K)，Y = (1-B'-K)/(1-K)，其中 R' = R/255。

函数	Chrome	Firefox	Safari
`rgb()` / `rgba()`	1+	1+	1+
`hsl()` / `hsla()`	1+	1+	3.1+
`hwb()`	101+	96+	15+
`color(display-p3)`	111+	113+	15+

HEX 颜色的 # 号可以省略吗？

在 CSS 中 # 号是必需的；但本工具会在输入时自动补全。3 位简写（如 #f0f）等价于 6 位（#ff00ff），本工具同样支持。

为什么 CMYK 转换结果和印刷软件不同？

本工具使用标准数学公式转换，不包含 ICC 色彩配置文件。专业印刷需使用带有目标纸张 ICC profile 的软件（如 Adobe Illustrator）进行软打样。

HSL 和 HSV 有什么区别？

两者都用色相 H 描述颜色，但 HSL 的 L=50% 是纯色，100% 是白色；HSV 的 V=100% 是纯色，S=0 时变为灰/白。HSL 更适合 CSS 配色，HSV 更贴近 Photoshop 拾色器的直觉。