Verifica contrasto
Verifica contrasto e accessibilità
Prova il rapporto di contrasto tra due colori qualsiasi contro WCAG AA e AAA, correggi automaticamente le combinazioni insufficienti e scopri come appaiono i tuoi colori con un deficit della visione cromatica.
Primo piano e sfondo
3.54:1
Rapporto di contrasto
Correzioni rapide
Titolo di anteprima
La volpe marrone salta sopra il cane pigro. Il testo piccolo del corpo deve rispettare le stesse regole di contrasto per restare leggibile per tutti.
Testo grande (grassetto, 16px)
Simulatore di daltonismo
FAQ
Domande sulla verifica del contrasto
Quale rapporto di contrasto mi serve?
Il WCAG AA richiede almeno 4,5:1 per il testo normale e 3:1 per il testo grande (18pt+ o 14pt in grassetto). Il AAA eleva rispettivamente a 7:1 e 4,5:1.
Cosa significano i badge AA e AAA?
Mostrano il livello WCAG più alto che la tua combinazione di testo e sfondo supera per testo normale e grande. Il verificatore li aggiorna in tempo reale mentre regoli i colori.
A cosa serve il simulatore di daltonismo?
Mostra come appaiono i tuoi colori a persone con diversi tipi di deficit della visione cromatica, così puoi assicurarti che nessun significato dipenda dal solo colore.
Lo strumento può correggere automaticamente un contrasto insufficiente?
Sì. I suggerimenti regolano la luminosità del testo o dello sfondo finché la combinazione non raggiunge il rapporto target, restando il più vicino possibile al tuo colore originale.
Inizia ora
La tua prossima palette è a un’immagine di distanza
Preleva colori, estrai palette ed esporta codice — gratis, privato e istantaneo.