Controlla contrasto colori
Confronta due colori HEX opachi con le soglie di contrasto del testo WCAG 2.2.
Provare un esempio guidato
Provare un esempio guidato
Controlla contrasto colori
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
- Colore del testo
- #000000
- Colore dello sfondo
- #ffffff
Risultato previsto
Rapporto di contrasto: 21,000000:1 WCAG 2.2 AA — testo normale (4,5:1): Soglia raggiunta WCAG 2.2 AA — testo grande (3:1): Soglia raggiunta WCAG 2.2 AAA — testo normale (7:1): Soglia raggiunta WCAG 2.2 AAA — testo grande (4,5:1): Soglia raggiunta Il giudizio usa il rapporto completo; il valore visualizzato è arrotondato.
Calcola il rapporto di luminanza relativa e indica il superamento delle soglie AA e AAA per testo normale e grande. Il giudizio usa il valore completo, non quello arrotondato mostrato.
In attesa dello strumento. La spiegazione resta disponibile senza JavaScript.
Metodo e limiti
Inserisci colore del testo e dello sfondo in HEX a 3 o 6 cifre. Controlla l’anteprima e premi Controlla contrasto. Le soglie sono 4.5:1 e 7:1 per testo normale, 3:1 e 4.5:1 per testo grande.
Testo grande significa almeno 18 pt normale o 14 pt grassetto. Non valuta componenti dell’interfaccia, immagini, gradienti, trasparenza né la conformità complessiva della pagina. L’anteprima è illustrativa, non una verifica della dimensione del testo reale.
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
Calcola il rapporto di luminanza relativa e indica il superamento delle soglie AA e AAA per testo normale e grande. Il giudizio usa il valore completo, non quello arrotondato mostrato.
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 è considerato testo grande?
Per WCAG, almeno 18 pt normale o 14 pt grassetto (circa 24 px o 18,7 px). Caratteri sottili o insoliti possono richiedere più contrasto.
Superare la soglia significa che la pagina è accessibile?
No. Viene controllato il contrasto del testo per due colori HEX solidi e opachi. Non controlla elementi non testuali, immagini, gradienti, stile dei caratteri o altri requisiti di accessibilità.
Quando cambia il risultato?
Premi il pulsante di esecuzione dopo aver modificato i dati. Copia usa l’ultimo risultato visibile; cambiare un’opzione può cancellarlo. I dati vengono elaborati nel browser.
Fonti e riferimenti
- W3C: WCAG 2.2, contrasto minimo (in inglese)
- W3C: WCAG 2.2, contrasto avanzato (in inglese)
- W3C: comprendere il criterio 1.4.3 sul contrasto minimo (in inglese)
Questi riferimenti documentano lo standard o l’API del browser citati; non convalidano i risultati dello strumento.