颜色转换器 — HEX、RGB、HSL、HSV、CMYK
在 HEX、RGB、HSL、HSV 和 CMYK 格式之间即时转换颜色。带实时预览的交互式色轮。
色轮
#FF5733
所有格式
HEX:
#FF5733
RGB:
rgb(255, 87, 51)
HSL:
hsl(11, 100%, 60%)
HSV:
hsv(11, 80%, 100%)
CMYK:
cmyk(0%, 66%, 80%, 0%)
如何转换颜色
- 使用颜色选择器或以任意格式（HEX、RGB 或 HSL）输入颜色值
- 所有其他格式会实时自动更新
- 查看实时颜色预览以验证结果
- 点击任意格式旁的复制按钮以复制该值
快速参考
| 从 | 到 |
|---|---|
| #FF0000 | rgb(255,0,0) |
| #00FF00 | hsl(120,100%,50%) |
| #0000FF | rgb(0,0,255) |
| rgb(255,165,0) | #FFA500 |
| hsl(0,0%,50%) | #808080 |
| #FFFFFF | rgb(255,255,255) |
使用场景
- •网页开发：在样式表的 CSS 颜色格式之间进行转换
- •平面设计：在使用不同格式的设计工具之间转换颜色
- •品牌规范：确保颜色在各种格式中的一致性
- •无障碍访问：调整 HSL 亮度值以满足对比度要求
公式
颜色转换使用标准算法：HEX 是 RGB 值的十六进制表示。HSL（色相、饱和度、亮度）提供了一种更直观的颜色描述方式。
常见问题
什么是 HEX 颜色格式？
HEX 是一种 6 位十六进制颜色代码（例如 #FF5733）。每对数字代表红、绿、蓝的强度，范围从 00 到 FF。
RGB 和 HSL 有什么区别？
RGB 通过红、绿、蓝的强度（0-255）来定义颜色。HSL 使用色相（0-360°）、饱和度（0-100%）和亮度（0-100%），在选色时更加直观。
如何将 HEX 转换为 RGB？
将 HEX 代码拆分为三对：#FF5733 → FF=255（红）、57=87（绿）、33=51（蓝）。将每对从十六进制转换为十进制。
白色的 HEX 代码是什么？
HEX 为 #FFFFFF，RGB 为 rgb(255, 255, 255)，HSL 为 hsl(0, 0%, 100%)。
我可以在移动端使用颜色选择器吗？
可以，原生颜色选择器在大多数现代移动浏览器上均可使用，并会打开一个触控友好的颜色选择界面。