Verificatore di Contrasto
Verifica il contrasto secondo WCAG AA/AAA.
Un buon contrasto mantiene testo e interfaccia leggibili per tutti, incluse le persone ipovedenti. Punta ad almeno 4,5:1 per il testo.
Ma la volpe, col suo balzo, ha raggiunto il quieto Fido
Ma la volpe, col suo balzo, ha raggiunto il quieto Fido
- Testo normale AA · 4.5
- Testo normale AAA · 7
- Testo grande AA · 3
- Testo grande AAA · 4.5
- Componenti UI 3.0
Tutte le conversioni di colore vengono eseguite localmente nel browser — niente viene caricato, salvato o registrato.
Come funziona
- 1 Scegli un colore di primo piano (testo).
- 2 Scegli un colore di sfondo.
- 3 Leggi il rapporto di contrasto e l'esito AA/AAA (superato/non superato).
- 4 Segui i suggerimenti finché non viene superato.
Casi d'uso comuni
- Assicurarsi che il testo del corpo rispetti il WCAG AA (4.5:1).
- Controllare i colori di pulsanti e link per l'accessibilità.
- Validare una palette di brand prima della pubblicazione.
- Evitare testo a basso contrasto, difficile da leggere.
Domande frequenti
I miei dati sui colori vengono inviati da qualche parte?
No. Ogni conversione e calcolo viene eseguito interamente nel tuo browser — nulla viene caricato, memorizzato o registrato.
Quali rapporti richiedono i livelli AA e AAA?
Il livello AA richiede 4.5:1 per il testo normale e 3:1 per il testo grande (≥18.66px in grassetto o ≥24px). Il livello AAA richiede 7:1 e 4.5:1. I componenti dell'interfaccia e gli elementi grafici richiedono almeno 3:1.
Come viene calcolato il rapporto?
Con la formula ufficiale WCAG: (L1 + 0.05) / (L2 + 0.05), dove L1/L2 sono la luminanza relativa del colore più chiaro e di quello più scuro.
È davvero gratis?
Sì — gratis, senza registrazione, senza filigrana e senza limiti.