Controllo del contrasto di una palette
Confronta ogni coppia di colori di una palette con le soglie WCAG per il testo.
Provare un esempio guidato
Provare un esempio guidato
Controllo del contrasto di una palette
Controlla le unità e le opzioni, poi usa il pulsante di calcolo dello strumento. L’esempio è fittizio; sostituisci i valori per il tuo calcolo.
Testo di esempio
- Colori della palette (un colore HEX per riga)
- #000000 #ffffff #2563eb
Risultato previsto
| Colore 1 · #000000 | Colore 2 · #ffffff | Colore 3 · #2563eb Colore 1 · #000000 | — | 21,00:1 · AA testo normale ✓ · AAA testo normale ✓ · AA testo grande ✓ · AAA testo grande ✓ | 4,06:1 · AA testo normale × · AAA testo normale × · AA testo grande ✓ · AAA testo grande × Colore 2 · #ffffff | 21,00:1 · AA testo normale ✓ · AAA testo normale ✓ · AA testo grande ✓ · AAA testo grande ✓ | — | 5,17:1 · AA testo normale ✓ · AAA testo normale × · AA testo grande ✓ · AAA testo grande ✓ Colore 3 · #2563eb | 4,06:1 · AA testo normale × · AAA testo normale × · AA testo grande ✓ · AAA testo grande × | 5,17:1 · AA testo normale ✓ · AAA testo normale × · AA testo grande ✓ · AAA testo grande ✓ | —
Confronta ogni coppia di colori HEX opachi e mostra il contrasto rispetto alle soglie WCAG AA e AAA per testo normale e grande.
In attesa dello strumento. La spiegazione resta disponibile senza JavaScript.
Metodo e limiti
Inserisci un colore HEX opaco per riga. La matrice confronta tutte le coppie: testo normale AA 4,5:1 e AAA 7:1; testo grande AA 3:1 e AAA 4,5:1. La diagonale confronta un colore con sé stesso.
Da 2 a 20 colori HEX opachi a 3 o 6 cifre. È solo un calcolo del contrasto del testo: non valuta dimensioni o spessore dei caratteri, componenti dell’interfaccia, immagini o accessibilità complessiva.
Condividi questo strumento
Viene condiviso solo il link pubblico dello strumento. I dati inseriti e i risultati rimangono qui.
Mostra il link da copiare manualmente
In breve
Confronta ogni coppia di colori HEX opachi e mostra il contrasto rispetto alle soglie WCAG AA e AAA per testo normale e grande.
Questi strumenti elaborano i dati nel browser dopo il caricamento della pagina. I calcoli non inviano le tue immissioni o i risultati a un servizio remoto. Il sito richiede comunque il codice e le risorse della pagina e, se acconsenti, usa Google Analytics per i dati di visita.
Domande frequenti
Che cosa significa il rapporto di contrasto?
Confronta la luminanza relativa di due colori. Un rapporto maggiore migliora il contrasto del testo, ma da solo non dimostra che una pagina sia accessibile.
Lo strumento riconosce il testo grande?
No. Mostra le soglie AA e AAA per testo normale e grande. Usa il risultato per testo grande solo quando dimensioni e spessore soddisfano la definizione WCAG.
Fonti e riferimenti
Questi riferimenti descrivono lo standard o l’API del browser citati; non convalidano il risultato dello strumento.