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.
Colors
Pick a text and background color. Everything runs in your browser — nothing is uploaded.
Result
17.40 : 1Contrast ratio
Normal text
AA: PassAAA: Pass
Large text (18.66px bold or 24px)
AA: PassAAA: Pass
Large sample text
The quick brown fox jumps over the lazy dog.
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.