颜色转换器：HEX、RGB、HSL、CMYK
在HEX、RGB、HSL和CMYK之间即时转换颜色。提供取色器、配色和谐、深浅色阶、一键复制和颜色历史。
免费 在浏览器中运行 无需注册
正在加载颜色转换器…
您的文件绝不离开您的设备
如何使用颜色转换器
- 1
在此页面打开颜色转换器，它直接在浏览器中加载。
- 2
添加文件、文本或数值，并调整设置。
- 3
复制或下载结果。不会上传或存储任何内容。
关于此工具
每种设计工具和编程语言似乎都想要不同格式的颜色：CSS喜欢HEX和HSL，图像编辑器显示RGB，印刷厂则要CMYK。这款颜色转换器可同时在四种格式之间转换。在任意格式中输入数值或使用取色器，其他格式会立即更新，随时可复制。
如何转换颜色
- 输入数值：如#3B82F6的HEX、如59, 130, 246的RGB，或HSL、CMYK。也可以直接用取色器选色。
- 查看同一颜色在其他格式下的数值。
- 点击任意数值即可复制。
- 把颜色加入历史记录，工作时随手保留一个小色板。
四种格式
| 格式 | 示例 | 用途 |
|---|---|---|
| HEX | #3B82F6 | CSS、网页设计、品牌指南 |
| RGB | rgb(59, 130, 246) | 屏幕显示、图像编辑器、CSS |
| HSL | hsl(217, 91%, 60%) | CSS主题；便于调亮或调暗 |
| CMYK | 76%, 47%, 0%, 4% | 印刷设计 |
转换原理
- HEX和RGB是同一组数字的不同写法：每两位HEX数字对应一个RGB通道，范围从00（0）到FF（255）。
- HSL把色相表示为色环上的角度，再加上百分比形式的饱和度和亮度，调整起来很直观。
- 由RGB得到的CMYK只是简单的数学换算。实际印刷效果取决于纸张和油墨的色彩配置文件，重要的品牌色请向印刷厂索取精确数值。
不只是转换
- 配色和谐：基于你的颜色生成互补色、邻近色等方案。
- 深浅色阶：用于悬停状态和背景的更深或更浅变化。
- 预设和随机颜色，快速获取灵感。
常见问题
如何把HEX转换为RGB？
把HEX代码拆成三组两位数，每组从十六进制转换为0到255之间的数字。#3B82F6就是59, 130, 246。转换器会即时完成。
RGB和CMYK有什么区别？
RGB为屏幕混合光线，CMYK为印刷混合油墨。部分屏幕上的鲜艳颜色无法精确印刷，因此CMYK版本可能显得暗一些。
为什么在CSS中使用HSL？
HSL把色相、饱和度和亮度分开，只需改动一个数字就能让颜色变亮或变暗，非常适合主题和悬停状态。
CMYK数值可以直接用于印刷吗？
这是标准的数学换算。印刷厂会针对具体纸张和油墨使用色彩配置文件，品牌色的精确数值请向他们确认。
可以直接取色吗？
可以。使用取色器，移动时HEX、RGB、HSL和CMYK数值会同步更新。
支持透明度吗？
转换器处理的是不透明颜色。如需在CSS中使用透明度，请自行添加alpha值，例如rgb(59 130 246 / 50%)。