支持哪些颜色格式转换？

支持 HEX / RGB / HSL 互转，并可一键复制颜色值。

如何生成配色方案？

选择基准颜色与配色规则（如互补/类似等），点击生成即可得到调色板。

选择前景/背景色，会显示对比度比值以及 WCAG AA/AAA 是否通过。

预览颜色在常见色觉缺陷条件下可能呈现的效果。

可以。导出会把 CSS 变量（如 :root { --color-1: ... }）复制到剪贴板。

选择颜色

十六进制

RGB

HSL

颜色名称 Sky Blue

亮度 65%

基础颜色

配色方案

前景色

背景色

对比度测试示例文本

对比度比值 21:1

WCAG AA Normal: ✓ Pass

WCAG AA Large: ✓ Pass

WCAG AAA Normal: ✓ Pass

WCAG AAA Large: ✓ Pass

测试颜色

色盲类型

选择色盲类型，查看不同色觉缺陷人群如何看待颜色。