从开始 your brand colors and neutrals to quickly find which text/background pairs are accessible?

从开始 your brand colors and neutrals to quickly find which text/background pairs are accessible.

WCAG AA requires a 最小 ratio of 4?

WCAG AA requires a 最小 ratio of 4.5:1 for normal 文本 and 3:1 for large 文本.

导出 CSV and include it in your design system documentation for developer reference.

WCAG 对比度 ratio 网格 for all 颜色 combinations — Eightshapes style

生成一个 WCAG contrast ratio grid for all your color combinations — check 可访问性 compliance at a glance, Eightshapes style.

1添加颜色 to your palette using HEX values and 可选 labels.
2The grid 自动 generates contrast ratios for every foreground/background combination.
3审查which pairs pass WCAG AA or AAA levels and which fail。
4滤镜 the 网格 to 显示 all combinations, passing only, or failing only.
5Export the full grid 为 CSV for documentation or team review.

从开始 your brand colors and neutrals to quickly find which text/background pairs are accessible.
WCAG AA requires a 最小 ratio of 4.5:1 for normal 文本 and 3:1 for large 文本.
导出 CSV and include it in your design system documentation for developer reference.

免费：max limited colors。Starter+：unlimited colors in palette。