Verificatore di contrasto
Scegli un colore di primo piano e uno di sfondo per vedere il rapporto di contrasto dal vivo e verificare se rispetta le linee guida di accessibilità WCAG AA e AAA per testo normale e testo grande. Un’anteprima dal vivo mostra la combinazione in pratica.
Come funziona
Scegli i colori di primo piano e di sfondo con i selettori o digitando un codice esadecimale. Il rapporto di contrasto viene calcolato dalla luminanza relativa di entrambi i colori e confrontato con le soglie WCAG per testo normale (4,5:1 per AA, 7:1 per AAA) e testo grande (3:1 per AA, 4,5:1 per AAA).
Suggerimento
Se una combinazione fallisce, prova a scurire il colore più scuro o a schiarire quello più chiaro — anche piccoli aggiustamenti possono spingere il rapporto oltre la soglia successiva.
Cosa si intende per "testo grande"?
Il WCAG definisce il testo grande come almeno 18pt (24px), o 14pt (~18,5px) in grassetto — titoli e testi simili in evidenza possono usare le soglie più permissive per il testo grande.
Altri strumenti in questa categoria
Calcolatore di esposizione
Trova esposizioni fotografiche equivalenti tra apertura, tempo di posa e ISO.
Calcolatore di proporzioni
Ridimensiona un'immagine o un video proporzionalmente e trova il rapporto semplificato.
Generatore di gradienti CSS
Crea un gradiente CSS lineare o radiale e copia il codice generato.
Generatore di palette di colori
Trasforma qualsiasi colore base in palette complementari, analoghe e triadiche.
Convertitore di formati colore
Converti qualsiasi colore tra HEX, RGB, HSL e CMYK all'istante, con copia in un clic per ogni formato.
Generatore di scala tipografica
Genera una serie armoniosa di dimensioni del carattere a partire da una dimensione base e un rapporto di scala, pronta da copiare come proprietà personalizzate CSS.