Verificatore di Contrasto dei Colori
Strumento per sviluppatoriNuovoVerifica il contrasto dei colori secondo WCAG AA e AAA.
Questo strumento funziona interamente nel tuo browser. I tuoi file non lasciano mai il tuo dispositivo — non viene caricato niente.
Colori
Scegli un colore per il testo e lo sfondo. Tutto avviene nel tuo browser: nulla viene caricato.
Risultato
17.40 : 1Rapporto di contrasto
Testo normale
AA: SuperatoAAA: Superato
Testo grande (18.66px grassetto o 24px)
AA: SuperatoAAA: Superato
Testo di esempio grande
Ma la volpe, col suo balzo, ha raggiunto il quieto Fido.
Domande frequenti
Qual è un buon rapporto di contrasto WCAG?
WCAG richiede un rapporto di contrasto di almeno 4.5:1 per il testo normale e di 3:1 per il testo grande (intorno ai 24px, o 18.66px in grassetto) per rispettare il livello AA. Per raggiungere il livello AAA, più rigoroso, servono 7:1 sul testo normale e 4.5:1 sul testo grande. Questo strumento mostra il rapporto esatto e se supera ogni livello.
Come viene calcolato il rapporto di contrasto?
I canali sRGB di ogni colore vengono linearizzati e combinati in un valore di luminanza relativa secondo la formula del W3C. Il rapporto è quindi (luminanza più chiara + 0.05) diviso per (luminanza più scura + 0.05), il che dà un numero tra 1:1 (nessun contrasto) e 21:1 (nero su bianco). Il risultato viene arrotondato a due decimali.
I miei colori vengono caricati da qualche parte?
No. Tutto il calcolo avviene in locale nel tuo browser con JavaScript, così i colori che inserisci non lasciano mai il tuo dispositivo né toccano un server. Non c'è account, né tracciamento dei tuoi input, né viene salvato nulla — il che lo rende sicuro per lavoro di brand riservato o non ancora pubblicato.