Strumenti immagine e design
Contrast Checker
Contrast Checker funziona nel browser per verificare, convertire o preparare risultati senza inviare l'input a un server.
Input / output
Aa Sample
Text contrast preview
WCAG result
21:1
Recommended color: #000000
Normal text AA
>= 4.5:1
Pass
Normal text AAA
>= 7:1
Pass
Large text AA
>= 3:1
Pass
Large text AAA
>= 4.5:1
Pass
UI component / non-text 3:1
>= 3:1
Pass
CSS code
.sample {
color: #000000;
background: #FFFFFF;
}HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.
What is this tool?
Contrast Checker è uno strumento locale del browser per il flusso immagine e design. Input, opzioni e risultato restano in una pagina.
How to use it
- Incolla l'input
Inserisci o incolla il valore da elaborare nell'area di input.
- Regola le opzioni
Scegli modalità, formato o unità adatti a contrast, WCAG, accessibility.
- Verifica il risultato
Esegui lo strumento e copia o scarica il risultato dopo la verifica.
Examples
Esempio Contrast Checker
- Input
- Input di esempio
- Output
- Output verificato nel browser.
Practical tips
- Con contenuti grandi, inizia da un campione piccolo.
- Gli annunci restano fuori dai controlli e dai risultati principali.
FAQ
Quale input usare con Contrast Checker?
Usa valori coerenti con l'attività visibile e regola le opzioni prima di eseguire.
Posso copiare il risultato di Contrast Checker?
Sì. Verifica il risultato, poi copialo o scaricalo.
Contrast Checker funziona su mobile?
Sì. Input, opzioni e risultato si impilano su schermi piccoli.
Il mio input viene inviato a un server?
No. Lo strumento è progettato per elaborare l'input nel browser.