十六进制颜色选择器与转换器（RGB、HSL、HSV、CMYK、OKLCH）
将任意颜色转换为 HEX、RGB、HSL、HSV、CMYK 和 OKLCH，检查对比度，复制配色色样，导出 CSS 或 JSON——尽在浏览器中。
输入 hex（#RGB、#RRGGBB、#RRGGBBAA）、rgb()/rgba()、hsl()/hsla()、hsv()、cmyk()、oklch() 或 CSS 颜色名称。无效值将保留上一次有效转换。
最接近的 CSS 名称: royalblue
转换结果
白色背景上
3.68:1
通过 WCAG AA（仅大字号）
黑色背景上
5.71:1
通过 WCAG AA（正文）
导出色样
选择或粘贴任意颜色格式，转换为 HEX、RGB、HSL、HSV、CMYK 和 OKLCH，检查 WCAG 对比度，生成配色色样，复制数值，导出 CSS 或 JSON。免费、快速，完全在浏览器中运行。
如何使用此颜色选择器
输入或粘贴任意支持的颜色格式，调整不透明度，或使用原生选择器。页面即时转换为 HEX、RGB、HSL、HSV、CMYK 和 OKLCH，显示与白/黑背景的 WCAG 对比度，生成配色色样和色调/明暗条，并保持一切可复制。通过 URL 分享设置——状态保存在查询字符串中。
HEX、RGB、HSL、HSV、CMYK 和 OKLCH 参考
Hex 是紧凑的 RGB 编码。RGB 描述红/绿/蓝通道。HSL 表示色相、饱和度和明度；HSV 使用色相、饱和度和明度（亮度）。CMYK 表示印刷油墨百分比。OKLCH 是感知均匀的 CSS 色彩空间。本工具在浏览器中使用确定性计算，无需上传，也无外部 API。
互补、类似、三元、分裂互补、四元和单色
互补色将色相旋转 180°。类似色在基色周围按固定角度步进。三元色使用 120° 偏移。分裂互补在补色附近添加两个色相。四元色使用 90° 矩形偏移。单色保持色相并变化明度。数量控制适用于类似色和单色模式。
CSS 变量与 JSON 导出
导出生成带稳定名称的 :root 自定义属性（如 --color-base、--color-analogous-1）及 JSON，包含 baseHex、alpha、namedColor、配色模式、对比度比值和色样列表，供脚本或设计令牌使用。
WCAG 对比度检查
对比度比值按 WCAG 2.x 由相对亮度计算。AA 要求正文 4.5:1、大字号 3:1；AAA 要求 7:1。在浅色或深色背景上选择文字或界面颜色时可参考预览。
常见问题解答
可以输入哪些颜色格式？
Hex（#RGB、#RRGGBB、#RRGGBBAA）、rgb()/rgba()、hsl()/hsla()、hsv()、cmyk()、oklch() 以及 cornflowerblue、rebeccapurple 等所有标准 CSS 命名颜色。
#ABC 会扩展为六位吗？
会。三位 hex 按数字对扩展，因此 #ABC 变为 #AABBCC。
颜色无效时会怎样？
会显示行内错误。上一次有效颜色会保留在转换行、选择器和导出中，直到您再次输入有效值。
WCAG 对比度检查如何工作？
它根据相对亮度计算您的颜色与纯白或纯黑之间的对比度比值，并显示是否满足正文或大字号文字的 AA 或 AAA 标准。
配色颜色如何计算？
计算是确定性的：互补为 180° 色相偏移；类似色使用固定色相步进；三元色 120° 偏移；分裂互补为补色附近色相；四元色 90° 矩形偏移；单色在保持基色色相和饱和度的同时变化明度。
JSON 导出包含什么？
稳定键：baseHex、alpha、namedColor、harmony、适用的 harmonyCount、harmonySwatches、tintShadeStrip、stripCount 及对比度比值——适用于工具或文档。
可以分享我的颜色吗？
可以。URL 会更新 hex、alpha、配色模式、数量和条带大小，便于收藏或分享精确设置。