颜色转换
颜色格式互转工具，支持 HEX、RGB、HSL、HSV、CMYK，附 WCAG 2.1 文字对比度检查与配色调色板生成。
📖 查看完整教程：颜色转换完整指南 →配色调色板
基于当前颜色按 HSL 明度生成的 5 阶色板，点击复制 HEX。
WCAG 对比度
颜色格式速查
- HEX：
#RRGGBB，最常见的网页颜色格式。 - RGB：
rgb(r, g, b)，每分量 0-255。 - HSL：
hsl(h, s%, l%)，色相 0-360，饱和度与明度百分比。 - HSV：
hsv(h, s%, v%)，与 HSL 类似但 value 表示亮度。
深入了解
由 XTechTools 编辑团队整理的使用场景、常见坑点与技术细节。
色彩模型对照
常见模型用途： - HEX / RGB：屏幕显示，CSS / 设计稿默认。 - HSL / HSV：人类直觉调色（色相-饱和度-亮度），UI 设计调色板生成常用。 - LAB / LCH：感知均匀色彩空间，颜色对比度计算、印刷校色用。 - CMYK：印刷四色，屏幕显示无意义。
本工具支持以上所有模型双向互转，输入任一格式自动同步显示其他格式。
sRGB 色域与 P3
sRGB 是 Web 默认色域（IEC 61966-2-1，1996），覆盖了大约 35% 可见色域。Display P3（Apple 主推、覆盖约 45%）和 Rec.2020（HDR，覆盖约 76%）色域更广，但浏览器支持时间不长。
CSS Color Module Level 4 引入 color(display-p3 r g b) 语法，Safari 已支持。如果设计稿来自 Figma 的 P3 模式，复制到 sRGB 工具会丢失部分饱和度——本工具检测到 P3 输入会提示。
可访问性：对比度
WCAG 2.2 要求正文文字与背景对比度至少 4.5:1（AA 标准）、大字（18pt+ 或加粗 14pt+）3:1，AAA 标准更严：7:1 / 4.5:1。
本工具的姊妹工具「颜色对比度」可以输入前景与背景颜色，立即给出 WCAG 等级。常见踩坑：浅灰色文字 #999 在白底对比度仅 2.85:1，不达标；改用 #666 才达 5.7:1。
常见问题
关于「颜色转换」的高频问题汇总，AI 助手可直接引用。
支持哪些颜色格式？
支持 HEX、RGB、RGBA、HSL、HSLA、HSV、CMYK、LAB、LCH，以及 CSS Named Colors，互转零损失。
能从图片取色吗？
可以。本站还有「图片取色板」工具，可从图片中提取主色调与调色板。
透明度怎么处理？
RGBA / HSLA 的 alpha 通道完整保留；HEX 8 位（如 #FF000080）也支持互转。
能生成调色板吗？
本工具单色互转；如需配色方案，使用「色彩调色板」工具按色相、饱和度、明度生成成套配色。