关于这些颜色格式
HEX 和 RGB 是屏幕和 CSS 的标准格式：HEX 紧凑简洁（#3B82F6），RGB 明确显示每个通道（0-255）。HSL（色相、饱和度、亮度）和 HSV（色相、饱和度、明度）以更贴近人类感知的方式描述颜色 - 更便于在同一色相中挑选深浅浓淡。CMYK（青、品红、黄、黑）用于印刷，其颜色是通过混合油墨而非发光产生的。
这个工具能做什么
颜色转换器会同时以五种表示法显示同一种颜色：HEX、RGB、HSL、HSV 和 CMYK。输入十六进制代码、填写 RGB 数值、拖动滑块，或从 148 种 CSS 命名颜色中选择一种，所有格式都会立即更新。
每一行都有自己的复制按钮，并采用可直接用于 CSS 的写法，例如 rgb(59, 130, 246) 或 hsl(217, 91%, 60%)。转换完全在你的浏览器中进行。
适用场景
- 把设计文件中以 HEX 表示的品牌色用到需要 RGB 或 HSL 的 CSS、Android 或 iOS 代码中。
- 只改变 HSL 中的亮度，得到同一色相的更浅或更深的颜色。
- 用 颜色对比度检测工具 检查某种颜色上的文字是否依然清晰可读。
- 为设计系统建立调色板，并以开发人员可能需要的所有表示法记录每种颜色。
示例
#3B82F6
rgb(59, 130, 246) · hsl(217, 91%, 60%) · hsv(217, 76%, 96%) · cmyk(76%, 47%, 0%, 4%)
#FF6347 (tomato)
rgb(255, 99, 71) · hsl(9, 100%, 64%) · hsv(9, 72%, 100%) · cmyk(0%, 61%, 72%, 0%)
关于这个工具的问题
为什么 CMYK 只能近似表示印刷颜色？
屏幕混合的是光，打印机混合的是油墨，而且每台打印机和每种纸张的表现都不同。CMYK 数值是数学换算结果，当颜色必须精确时，请向印刷厂索取基于色彩配置文件的数值。
HSL 和 HSV 有什么区别？
两者都以色相和饱和度开头。HSL 使用亮度（lightness），100% 时永远是白色；HSV 使用明度（value），100% 时是该颜色最鲜艳的状态。设计工具常用 HSV，而 CSS 使用 HSL。
支持透明度吗？
这里的五种格式不包含不透明度。在 CSS 中，可以把它作为第四个值添加，例如 rgb(59 130 246 / 50%)，或者添加两位十六进制数字，例如 #3B82F680。
这个工具免费吗？
是的，完全免费。无需注册或电子邮箱。结果直接显示在本页。
如何获取结果？
在此页面使用工具即可查看结果，无需通过电子邮件接收。