配色与对比度
由主色生成一套配色，检查文字对比度，也能互转色值和取色。
支持 HEX 短写和透明度，以及 RGB、HSL 的逗号或空格写法。RGB 按 8 位通道四舍五入；取色框选的是不透明颜色。
文字对比度
正文清晰，可以用于普通文字 · 21.00:1
- 普通文字 AA · 通过
- 大文字 AA · 通过
- 普通文字 AAA · 通过
- 大文字 AAA · 通过
按 WCAG 2.2 相对亮度计算，比值截断显示到两位小数，判定使用完整数值。普通文字 AA ≥ 4.5:1、AAA ≥ 7:1；大文字 AA ≥ 3:1、AAA ≥ 4.5:1（至少 24 px，或粗体至少约 18.7 px）。黑字白底 21:1，白字白底 1:1。
能做什么
看着颜色，换算色值
从主色生成配色
保留主色，生成深浅阶梯、互补色、相邻色和三角色，选择文字与背景后再检查。
三种写法
HEX、RGB、HSL 一次换算，不用来回换工具。
选择颜色
取色框直接选色，支持的浏览器还可以从屏幕取色。
检查与导出
按 WCAG 给出普通和大文字的 AA、AAA 结论，配色可复制或导出 CSS 变量。
常见问题
配色与对比度常见问题
支持哪些色值写法？
支持 #RGB、#RGBA、#RRGGBB、#RRGGBBAA，以及 rgb、rgba、hsl、hsla 的逗号或空格加斜线写法。透明度可用 0～1 或百分比，HSL 的饱和度和亮度用百分比。
为什么转换后的数字略有不同？
RGB 使用 8 位通道，输入的小数会四舍五入到 0～255。HSL 结果显示两位小数，HEX 的透明度使用 8 位，因此再次换算可能出现舍入差异。
怎样取色？
点击取色框选择颜色，也可以点屏幕取色，在支持 EyeDropper 的浏览器中从屏幕选取。取消取色保留原值，不支持时仍可使用取色框。取色得到的是不透明颜色。
色值和屏幕内容会上传吗？
不会。色值只在浏览器里转换，屏幕取色由浏览器提供，本页不会截屏或上传屏幕内容，结果也不写入本机存储。
对比度结论怎样计算？
按 WCAG 2.2 的 sRGB 相对亮度计算，普通文字 AA 至少 4.5:1、AAA 至少 7:1；大文字 AA 至少 3:1、AAA 至少 4.5:1。透明颜色需先确定底色，本页对比度和配色要求不透明色。
相关工具