颜色转换器
在HEX、RGB、HSL、HWB和CMYK之间转换颜色，支持透明度和实时预览。
选择
透明度
1.00
HEX
已复制！
RGB
已复制！
HSL
已复制！
HWB
已复制！
OKLCH
已复制！
CMYK（近似）
已复制！
最近 CSS 颜色名
—
相对亮度（WCAG）
—
色彩和谐（点击使用）
使用方法
颜色转换器使用标准数学公式在 HEX、RGB、HSL 和 HSV 格式之间转换颜色值，无需四舍五入或近似。
以任何支持的格式输入颜色：十六进制（#RRGGBB）、RGB（如 rgb(255, 128, 0)）、HSL（如 hsl(30, 100%, 50%)）或 HSV。计算器自动同时计算所有其他表示形式。
使用颜色选择器可以直观选择颜色值，无需手动输入。
HEX 格式在 CSS 和 HTML 中最常用。RGB 最适合编程操作。调整色调、饱和度和亮度时 HSL 最直观。
实战示例
输入 #1E90FF：工具报告 rgb(30, 144, 255) 和 hsl(210, 100%, 56%)，识别出这是 CSS 命名色 dodgerblue，并显示其 WCAG 相对亮度。配色区生成互补色、邻近色、三角配色和分裂互补色 —— 点击任意色块即可载入并继续探索。反过来同样常用：从设计工具粘来 rgb(30, 144, 255)，复制十六进制写进样式表，调整数值时所有格式保持同步。
使用场景
- 在工具间匹配设计颜色
- 转换品牌配色方案
- 创建CSS颜色变体
- 理解颜色模型
- 为不同环境导出颜色值
常见问题
- 为什么 HSL 转 HEX 再转 HSL 可能不会返回完全相同的值？
- 在色彩空间之间转换时不可避免地存在一些四舍五入——差异在视觉上可以忽略不计。
- 是否支持 alpha 通道和透明度？
- 当前版本处理完全不透明的颜色。Alpha 通道（RGBA/HSLA）计划中。
- CSS 应该选择哪种格式？
- 完整网页颜色使用 HEX 或 rgb()；需要编程调整亮度或饱和度时使用 hsl()。
- 可以一键复制值吗？
- 可以——每个输出字段都有【复制】按钮。
- 转换器是否处理命名的 CSS 颜色？
- 不直接支持——请输入命名颜色的 HEX 等效值。