handyk.it

Si pronuncia «Handy Kit»

🇬🇧 🇩🇪 🇮🇹 🇪🇸

Verificatore di Contrasto

Controlla il rapporto di contrasto WCAG tra due colori, con superato/non superato per AA e AAA in entrambe le dimensioni di testo.

Esempio di testo grande

Esempio di testo di dimensione normale, il tipo usato per il corpo del testo e i paragrafi.

21.00:1 rapporto di contrasto
StandardDimensione testoRichiestoRisultato
WCAG AANormale4.5:1Superato
WCAG AAGrande (18,66px grassetto / 24px)3:1Superato
WCAG AAANormale7:1Superato
WCAG AAAGrande (18,66px grassetto / 24px)4.5:1Superato

Come si usa

Scegli o digita un colore di primo piano (testo) e di sfondo come codice hex. Il rapporto di contrasto e il superato/non superato WCAG AA/AAA per testo normale e grande si aggiornano in tempo reale, con un'anteprima che mostra come apparirebbe realmente il testo.

Domande frequenti

Cosa conta come rapporto di contrasto superato?

WCAG AA richiede almeno 4,5:1 per il testo normale e 3:1 per il testo grande (18,66px grassetto o 24px normale e superiore). AAA è più rigoroso: 7:1 e 4,5:1.

Come viene calcolato il rapporto?

Dalla luminanza relativa di ciascun colore usando la formula WCAG, poi (più chiaro + 0,05) diviso (più scuro + 0,05) - la stessa matematica usata dalla maggior parte degli strumenti di design e di sviluppo del browser.

Controlla anche altro oltre al rapporto di contrasto?

No - solo il rapporto di contrasto WCAG e superato/non superato. Non simula il daltonismo né controlla altro sui colori.

Strumenti correlati

4 visite