它能解决什么问题
选色、配色、可访问性是设计的基本功。本工具做的比简单取色器多:
- WCAG 评分:实时告诉你当前对比度是否达到 AA / AAA,对设计师 / 前端非常重要。
- 色盲模拟:8% 男性是色盲,看不到红色 / 绿色区分。把红绿配色方案放进来预览一下能避免很多问题。
- 调色板一键导出:CSS 变量、JSON、纯 HEX 列表。
WCAG 对比度标准
| 等级 | 普通文本 | 大号文本 |
|---|---|---|
| AAA | ≥ 7.0 | ≥ 4.5 |
| AA | ≥ 4.5 | ≥ 3.0 |
| 不通过 | < 4.5 | < 3.0 |
大号文本定义:18pt(约 24px)以上,或 14pt(约 18.66px)粗体。
- 算法基于 sRGB:与 WCAG 2.x 规范一致。其他色彩空间(如 P3)会有差异。
- 色盲模拟是近似:实际色觉因人而异,请用专业的可访问性工具(如 Stark、Sim Daltonism)做最终验证。