mtools.lol

Controllo contrasto colore

Beta

Controlla se la combinazione di testo e colore di sfondo soddisfa le linee guida sull'accessibilità WCAG.

  • Gratuito
  • Senza registrazione
  • Eseguito nel browser
  • Funziona su smartphone

Controllo contrasto colore in sintesi

Input
Colori di primo piano e di sfondo
Output
Rapporto di contrasto e stato di conformità WCAG
Privacy
Tutto avviene sul tuo dispositivo. Nessun dato viene caricato.
Prezzo
Gratuito, senza account, senza watermark.

Come usare Controllo contrasto colore

  1. 1Inserisci un colore del testo (primo piano) e un colore di sfondo.
  2. 2Lo strumento calcola istantaneamente il rapporto di contrasto tra i due colori.
  3. 3Visualizza se la combinazione supera o meno gli standard WCAG AA e AAA per testo normale e grande.

Funzionalità

  • Calcolo del rapporto di contrasto in tempo reale.
  • Stato di conformità WCAG AA e AAA.
  • Accetta formati colore HEX, RGB o HSL.
  • Anteprima visiva del testo sullo sfondo scelto.

FAQ su Controllo contrasto colore

Cos'è il WCAG?

WCAG sta per Linee guida per l'accessibilità dei contenuti Web. Si tratta di un insieme di standard volti a rendere i contenuti web più accessibili alle persone con disabilità, comprese le disabilità visive.

Qual è un buon rapporto di contrasto?

WCAG AA richiede un rapporto di almeno 4,5:1 per il testo normale e 3,1:1 per il testo di grandi dimensioni. WCAG AAA richiede 7:1 per il testo normale e 4,5:1 per il testo di grandi dimensioni.

Perché il contrasto è importante?

Il contrasto elevato garantisce che il testo sia leggibile e leggibile per tutti, in particolare per gli utenti ipovedenti o daltonici.

Altri strumenti di developer toolsUltimo aggiornamento