颜色格式转换
HEX 与 RGB、HSL、HSV、CMYK 互转，含对比度与配色
输入颜色
填 HEX 或 RGB 任一
转换结果
填入颜色后点击【转换】
配色
转换后显示配色
使用说明
📖 工具介绍
把同一个颜色在 HEX、RGB、HSL、HSV、CMYK 五种写法之间来回换算，附带 WCAG 对比度检查和配色生成。设计稿上取到的一个色值，粘进来就能拿到所有格式，还能直接复制成 CSS 变量。全部在本机计算，不上传。
做界面的人拿到设计稿的色值，需要立刻换成各种写法贴进代码。做 PPT 或海报的人可以用配色方案快速找几个过渡色。写无障碍检查报告的人，用对比度数值当依据，比凭感觉说"看得清"更有说服力。
做界面的人拿到设计稿的色值，需要立刻换成各种写法贴进代码。做 PPT 或海报的人可以用配色方案快速找几个过渡色。写无障碍检查报告的人，用对比度数值当依据，比凭感觉说"看得清"更有说服力。
- 为什么 CMYK 和印刷出来不一样？屏幕色域比印刷大，转换只是近似，正式印刷请打样。
- 对比度多少算合格？正文一般要求 4.5 比 1 以上，大号字可以放宽到 3 比 1。
- 能一次算多个颜色吗？当前一次处理一个色值，批量需求可以反复粘贴。
- 配色方案能直接用吗？它是色相旋转的数学结果，建议再按实际画面微调。
✨ 功能特点
- 双向换算：填 HEX 出 RGB/HSL/HSV/CMYK，也可以只填 RGB 三个分量反推 HEX。
- 取色器：点色块直接选色，改完立即换算，不用手打。
- 对比度：算出该色对纯白与纯黑的对比度，并按 WCAG 给出 AA 是否通过。
- 文字建议：对比度更高的那个方向就是推荐文字色，避免自己拿眼睛猜。
- 配色生成：暗部阶、亮部阶、互补、类似色、三角配色五种方案。
- CSS 变量：一键生成可直接贴进样式表的变量写法。
🚀 使用方式
- 在 HEX 框里粘入色值，或用取色器选一个颜色。
- 点【转换】，右侧列出五种格式与十进制值。
- 看对比度区块，确认文字用黑还是白。
- 换配色方案下拉，取走需要的那几个色块。
- 点【复制色值】拿走 HEX，或复制 CSS 变量区里的文本。
⚠️ 注意事项
- 印刷请以打样为准CMYK 是屏幕色的近似换算，与印刷实际出片会有偏差，正式印刷请以打样为准。
- 对比度口径有限对比度按 WCAG 2.1 相对亮度公式算，只覆盖纯白与纯黑两种底色。
- 配色是数学推导配色方案由 HSL 色相旋转得到，是数学推导结果，不等于设计上的最优搭配。
- 不识别颜色名本工具不做颜色名称识别，也不做图片取色。
- CMYK 会有偏差屏幕色域比印刷大，转换只是近似，正式印刷请打样。