Il testo è leggibile su tutti i tuoi colori?

Quando metti del testo su uno sfondo colorato, la leggibilità dipende dal contrasto tra i due colori. Un testo grigio chiaro su sfondo bianco, ad esempio, è quasi illeggibile — non solo per chi ha problemi visivi, ma spesso anche per tutti gli altri.

ContrastGrid analizza ogni combinazione della tua palette e ti dice subito quali coppie sono sicure da usare — per i testi, le icone e gli elementi dell'interfaccia.

1
Inserisci i tuoi colori

Aggiungi i codici esadecimali della tua palette oppure usa il selettore colore. Puoi anche importare una lista intera in un colpo solo.

2
Leggi la griglia

Ogni cella mostra un colore usato come testo su uno sfondo. Il numero indica il rapporto di contrasto: più è alto, più è leggibile.

3
Scegli le combinazioni sicure

Usa le celle AAA e AA per il testo normale, AA Large per titoli grandi o in grassetto, ed evita le celle Fail per qualsiasi testo.

AAA≥ 7:1 — Ottimo AA≥ 4.5:1 — Testo normale AA Large≥ 3:1 — Testo grande / UI Fail < 3:1 — Non accessibile