Verificatore di contrasto colori

Utilità per sviluppatori

Misura i rapporti di contrasto WCAG e verifica se il testo soddisfa AA e AAA per testo normale e grande.

Come usare

Check a pair of colors

Pick a foreground and background color. The tool shows the contrast ratio and pass or fail badges for each WCAG level.

Choose the text color.
Choose the background color.
Aim for at least 4.5:1 for normal text.

WCAG thresholds

Normal text needs 4.5:1 for AA and 7:1 for AAA. Large text (18pt or 14pt bold) needs 3:1 for AA and 4.5:1 for AAA.

Domande frequenti

What counts as large text?

WCAG defines large text as at least 18pt (24px) or 14pt (18.66px) when bold.

Is a higher ratio better?

Yes. A ratio of 21:1 is the maximum, achieved by black text on a white background.

Strumenti correlati

Generatore di palette colori Genera palette di tinte chiare, scure, analoghe, complementari e triadi da qualsiasi colore. Convertitore di colori Converte i colori tra HEX, RGB e HSL con un'anteprima dal vivo. Generatore di gradienti CSS Crea gradienti CSS lineari o radiali con anteprima live e CSS pronto da copiare. Generatore di UUID / GUID Genera UUID versione 4 casuali e li copia uno per uno o in blocco. Generatore di hash Calcola i digest MD5, SHA-1, SHA-256 e SHA-512 di qualsiasi testo. Convertitore di timestamp Converte tra timestamp Unix, ISO 8601 e date locali leggibili.