Torna all'indice tools

SEO e Analisi Sito

Checker contrasto colori WCAG

Rapporto di contrasto tra testo e sfondo secondo luminanza WCAG 2.x.

Obiettivo: Verificare leggibilità e requisiti AA/AAA senza inviare palette a server esterni.

Contrasto colori WCAG

Calcola nel browser il rapporto di contrasto tra colore primo piano (tipicamente testo) e sfondo secondo la formula di luminanza relativa sRGB delle linee guida WCAG 2.x. Supporta #RRGGBB, rgb()/rgba() e hsl(). Con alpha < 1 i colori sono compositi su bianco per stimare luminanza (come da nota nei risultati). Il testo grande in WCAG corrisponde a circa 14pt grassetto o 18pt regolare.

Anteprima testo lungo sullo sfondo scelto

Controllare il contrasto riduce attrito per utenti ipovedenti e in condizioni di luce forte. Preferisci combinazioni che superino 4.5:1 per corpi piccoli e 3:1 per titoli molto grandi o grassetto corpo aumentato.

Rapporto di contrasto

16.98 :1

AA testo normale (4.5): SuperatoAA testo grande (3): SuperatoAAA normale (7): SuperatoAAA grande (4.5): Superato

Luminanza relativa (dopo flatten)

Primo piano
FG L = 0.0092
Sfondo
BG L = 0.9548