Strumento di accessibilità

Calcolatore del contrasto colore

Assicurati che i colori del testo e dello sfondo rispettino i requisiti di contrasto WCAG 2.1 AA e AAA.

Il rapporto di contrasto è 21.00 a 1.
Per il testo normale è richiesto un rapporto minimo di 4,5:1 (WCAG AA).
WCAG AA (Normal)
Pass
Requires 4.5:1
WCAG AA (Large)
Pass
Requires 3.0:1
WCAG AAA (Normal)
Pass
Requires 7.0:1
WCAG AAA (Large)
Pass
Requires 4.5:1
The quick brown fox
Large Text (≥ 18pt or 14pt bold)
The quick brown fox jumps over the lazy dog.
Normal Text

Come usare questo strumento

Inserisci i colori di primo piano e di sfondo in formato esadecimale.

Il calcolatore stabilisce automaticamente se rispettano i requisiti di contrasto WCAG.

Formula della luminanza relativa

L = 0.2126·R + 0.7152·G + 0.0722·B

Dove R, G e B sono canali linearizzati:

  • Se c_sRGB ≤ 0.03928 → c = c_sRGB / 12.92
  • Altrimenti → c = ((c_sRGB + 0.055) / 1.055) ^ 2.4

Il rapporto di contrasto (CR) si calcola poi così: CR = (L1 + 0.05) / (L2 + 0.05), dove L1 è il colore più chiaro e L2 quello più scuro.

Cosa verifica questo strumento

Questo strumento verifica automaticamente il rapporto di contrasto tra testo e sfondo rispetto agli standard WCAG 2.1 AA e AAA.

Limiti dei test automatici

I verificatori automatici di contrasto non riescono a valutare con precisione il contrasto su gradienti, immagini di sfondo o motivi di sfondo complessi. In questi casi serve una verifica manuale.

Strumenti correlati

Guide correlate