Inizia with your brand colors and neutrals to quickly find which text/background pairs are accessible?

Inizia with your brand colors and neutrals to quickly find which text/background pairs are accessible.

WCAG AA richiede un rapporto minimo di 4?

WCAG AA richiede un rapporto minimo di 4.5:1 per testo normale e 3:1 per testo grande.

Esporta the CSV and include it in your design system documentation for developer reference.

Genera griglie di contrasto colori per verificare l'accessibilità

Genera a WCAG contrast ratio grid for all your color combinations — check accessibility compliance at a glance, Eightshapes style.

1Aggiungi colors to your palette using HEX values and optional labels.
2The grid automaticamente generates contrast ratios for every foreground/background combination.
3Esamina which pairs pass WCAG AA or AAA levels and which fail.
4Filtra la griglia per mostrare tutte le combinazioni, solo superati o solo falliti.
5Esporta the full grid as CSV for documentation or team review.

Inizia with your brand colors and neutrals to quickly find which text/background pairs are accessible.
WCAG AA richiede un rapporto minimo di 4.5:1 per testo normale e 3:1 per testo grande.
Esporta the CSV and include it in your design system documentation for developer reference.

Gratuito: max limited colors. Starter+: unlimited colors in palette.

Team OneKitToolsAggiornato 2.21.4