颜色转换器
HEX / RGB / HSL / CMYK 互转，实时预览 + 明暗色阶 + 互补色，一键复制 CSS 代码。
选择颜色
#3366CC
任意一处修改，其他格式自动同步。
转换结果（点击复制）
HEX#3366CC
RGBrgb(51, 102, 204)
HSLhsl(220, 60%, 50%)
CMYKcmyk(75%, 50%, 0%, 20%)
明暗色阶（向白/黑各 5 档）
左 5 格变亮（适合 hover 态），右 5 格变暗（适合 active 态）
配色搭档
常见问题
HEX、RGB、HSL 分别用在什么场景？
HEX 是 CSS 最常用写法；RGB 直观表达三原色；HSL 按"色相/饱和度/明度"组织，最符合人脑调色习惯——调亮调暗只改 L 值。CMYK 用于印刷。
色阶怎么用在设计里？
把主色生成 10 档色阶，亮色用于悬停/背景，暗色用于按压/边框，是按钮和标签配色的标准做法。
CMYK 数值能直接送去印刷吗？
本工具按屏幕 RGB 理论换算，仅供预览参考；正式印刷请以印刷厂的专业分色为准（屏幕色域与印刷色域不同）。