色彩转换

Color Convert

Color Convert - convert values in-browser instantly with local processing.

📐 工作原理与说明
CMYK:先归一化 r/g/b,K = 1 − max(r,g,b),K ≥ 1 时输出 C=M=Y=0、K=100;否则 C = (1 − r − K) ÷ (1 − K),M、Y 同理,各自 × 100 取整。HSL:L = (max + min) ÷ 2;max = min 时 H = S = 0,否则 d = max − min,S = L > 0.5 ? d ÷ (2 − max − min) : d ÷ (max + min),H 依 max 所属通道取 (g − b) ÷ d(g < b 时加 6)、(b − r) ÷ d + 2 或 (r − g) ÷ d + 4,再 ÷ 6 并 × 360。Lab:先 gamma 展开(> 0.04045 取 ((c + 0.055) ÷ 1.055)^2.4,否则 c ÷ 12.92)× 100,转 XYZ 后除以 D65 白点(95.047、100、108.883),再按 > 0.008856 取立方根、否则 7.787x + 16 ÷ 116 的分支,得 L = 116y − 16、a = 500(x − y)、b = 200(y − z)。互补色 = 255 − R、255 − G、255 − B;明暗按 L > 50 判偏亮;色温按 H < 60 或 > 300 判暖色、180 < H < 270 判冷色、其余中性

Color Convert - convert values in-browser instantly with local processing.: computes and outputs results from the input parameters.

常见专色(Pantone)参考

色彩空间: RGB 用于屏幕显示,CMYK 用于印刷。RGB 转 CMYK 会有色域损失。HSL 基于色相/饱和度/明度,Lab 是设备无关色彩空间,最接近人眼感知。

📚 深度解析:色彩转换

💡 常见使用场景

  • 设计稿用 RGB/HEX 标注,交付印刷时要转成 CMYK,避免屏幕色与成品色偏差过大。
  • 从取色器拿到 HEX,快速得到 RGB 分量,便于在前端代码里复用。
  • 用 HSL 微调色相/饱和度,做同色系渐变或对比配色。
纯红 RGB→HEX→CMYK
RGB(255,0,0) → HEX #FF0000 → CMYK(0%,100%,100%,0%)。注意 CMYK 是减色模式,纯红在四色印刷里由洋红+黄叠印得到,深红区域易偏色,重要品牌色建议走专色。

❓ 常见问题(FAQ)

为什么 CMYK 还原不了某些 RGB 颜色?
RGB 是发光加色、色域广;CMYK 是油墨减色、色域窄,尤其亮蓝、荧光绿、纯品红在印刷上会发暗发灰。屏幕看到的鲜艳色印出来常偏色,关键色应用 Pantone 专色或打样确认。
网页该用 HEX 还是 RGB?
现代 CSS 两者都支持,HEX 更紧凑、历史兼容好;RGB/RGBA 便于做半透明与变量运算。同一颜色数值等价,按团队代码规范选用即可,本工具负责互转。
⚠️ 使用说明与注意事项
📖关于「色彩转换」 ▼

📝工具简介

色彩转换是一款营销推广领域的在线工具。营销分析工具,帮助量化评估营销效果与 ROI。

✨功能特点

🎯使用场景