颜色转换器
HEX · RGB · HSL · CMYK 互转 + 调色板生成 + CSS 代码复制
#3B82F6
rgb(59, 130, 246)
HEX
#
#3B82F6
RGB
rgb(59, 130, 246)
HSL
°
%
%
hsl(217, 91%, 60%)
CMYK
%
%
%
%
device-cmyk(76%, 47%, 0%, 4%)
调色板生成
快速说明
颜色转换器支持四种常用颜色格式互转，适合前端开发、UI 设计等场景。
颜色格式说明
- HEX：十六进制颜色，如 #3B82F6，网页开发最常用
- RGB：红绿蓝三原色，范围 0-255，如 rgb(59, 130, 246)
- HSL：色相(0-360°)、饱和度(0-100%)、亮度(0-100%)，更直观调节颜色
- CMYK：印刷四色模式，C(青)、M(品红)、Y(黄)、K(黑)，用于印刷设计
调色板类型
- 单色 (Monochromatic)：同一色相的不同亮度/饱和度变化
- 类似色 (Analogous)：色轮上相邻的颜色，和谐统一
- 互补色 (Complementary)：色轮上相对的颜色，对比强烈
- 三色系 (Triadic)：色轮上等距的三种颜色，平衡丰富
常见问题
HEX 和 RGB 有什么区别？
HEX 是十六进制表示法（如 #FF0000），简洁适合代码书写。RGB 是十进制表示（如 rgb(255, 0, 0)），更直观表示红绿蓝分量。两者完全等价，可以互相转换。
HSL 有什么优势？
HSL（色相、饱和度、亮度）更符合人类直觉。调整亮度不会改变色相，修改饱和度不会影响明暗，便于创建统一的色彩主题。
CMYK 用于什么场景？
CMYK 是印刷行业标准。屏幕显示用 RGB，但印刷品（海报、名片、书籍）需要 CMYK 值。由于 RGB 色域比 CMYK 广，转换时可能会有色差。
为什么 HEX 有时 3 位有时 6 位？
3 位 HEX（如 #F00）是 6 位（如 #FF0000）的简写形式，每两位相同可省略一位。8 位 HEX 包含透明度（如 #FF000080），最后两位表示 Alpha 通道。