颜色选择器 / 格式转换器
选择颜色或粘贴任意 CSS 颜色，获取 HEX/RGB/HSL/HSV 与 WCAG 对比度。
白底
Aa
黑底
Aa
WCAG 对比度
白底 —
黑底 —
R
0
G
0
B
0
工具介绍
颜色选择器 / 格式转换器 — 从色板取色或粘贴任意 CSS 颜色 (HEX、RGB、HSL、HSV、命名色、OKLCH)，即时获得所有其他格式。
支持的输入
- HEX:
#abc、#aabbcc、#aabbccdd(含 alpha)。 - RGB/RGBA:
rgb(255, 99, 71)、rgba(255,99,71,0.5)。 - HSL/HSLA:
hsl(120, 60%, 50%)。 - HSV:
hsv(120, 60%, 50%)。 - 命名色: 147 个 CSS 命名颜色 (
tomato、rebeccapurple、…)。 - OKLCH:
oklch(70% 0.15 200)。
WCAG 对比度
底部面板使用 WCAG 2.x 亮度公式计算与纯白和纯黑的对比度。比值 ≥ 4.5 通过 AA，≥ 7 通过 AAA。
隐私
所有转换都在本地浏览器中完成 — 颜色数据不会离开您的设备。