追风工具箱
首页工具箱 › 图片工具

在线颜色格式转换器

RGB / HEX / HSL / HSV / CMYK 五种格式互转,附取色器

颜色选择

转换结果

明暗变体

常见问题

RGB 和 CMYK 有什么区别?
RGB 是屏幕显示的加色模式(红绿蓝叠加变亮),CMYK 是印刷的减色模式(青品黄黑叠加变暗)。同一颜色在屏幕上鲜艳,印出来可能偏暗,这是色域差异导致的。
HSL 和 HSV 有什么区别?
两者都用色相 H 和饱和度 S。HSL 第三维是亮度 L(100% 必为白),HSV 第三维是明度 V(100% 为该色相最亮状态)。设计软件常用 HSV,CSS 用 HSL。
为什么 CMYK 转回 RGB 会有偏差?
因为 CMYK 色域比 RGB 小,转换是有损的。印刷品上的某些颜色在屏幕上无法精确呈现,反之亦然。这是物理限制,不是计算错误。
怎么判断文字用深色还是浅色?
看相对亮度。亮度大于 150(约 60%)时深色文字更清晰,反之用浅色文字。工具会直接给出建议,这是无障碍设计的基本检查项。

使用说明

  1. 可视化取色器选一个颜色,或直接在「HEX 输入」框填十六进制色值(如 #16a085)。
  2. 也可以在「RGB 输入」框填 RGB 值(如 22, 160, 133),或在 CMYK 输入框填印刷色值。
  3. 「转换」,下方同时给出 HEX、RGB、HSL、HSV、CMYK 五种格式的结果。
  4. 最下方生成该颜色的明暗变体,做配色方案时可直接取用。

常见用途:网页 CSS 配色、印刷设计转 CMYK、UI 设计取色、从图片里抄颜色值、检查颜色对比度是否适合放文字。

免责声明

本工具的所有计算结果均由程序按公开公式自动计算得出,仅供日常参考与快速估算,不构成任何形式的财务、税务、医疗、法律或投资建议。本工具为免费公益项目,按「现状」提供,不对因使用本工具产生的任何直接或间接损失承担责任。