OpenTools

Conversione codici colore — HEX, RGB, HSL, CMYK, verifica del contrasto

Utile per trasferire i colori di una bozza di design in codice CSS, o per verificare se il testo di un pulsante è leggibile secondo gli standard di accessibilità.

Il file non viene inviato al server — elaborazione solo nel browser di questo dispositivo

Verifica del contrasto (WCAG)

È il rapporto di contrasto con lo sfondo se questo colore viene usato per il testo. Testo normale: AA 4,5:1, AAA 7:1 / testo grande (24px o grassetto da 18,7px in su): AA 3:1, AAA 4,5:1.

가나다 Aa 123
Sfondo bianco6.29:1
✓ AA testo normale ✗ AAA testo normale ✓ AA testo grande ✓ AAA testo grande
가나다 Aa 123
Sfondo nero3.34:1
✗ AA testo normale ✗ AAA testo normale ✓ AA testo grande ✗ AAA testo grande
가나다 Aa 123
Colore scelto #FFFFFF6.29:1
✓ AA testo normale ✗ AAA testo normale ✓ AA testo grande ✓ AAA testo grande

Livelli di chiaro e scuro

Premendo la casella viene copiato il codice HEX.

Pubblicità

Come usare Conversione colore

  1. 1Inserisci un codice colore oppure scegli con il selettore (sono supportati #4f46e5, rgb(), hsl()).
  2. 2Vengono mostrati i codici in tutti i formati: premi per copiare.
  3. 3Verifica il rapporto di contrasto con bianco, nero o un colore a scelta, la conformità WCAG e i livelli di chiaro/scuro.

Domande frequenti

Quale dovrebbe essere il rapporto di contrasto minimo?

WCAG AA richiede almeno 4,5:1 per il testo normale e 3:1 per il testo grande; AAA richiede rispettivamente almeno 7:1 e 4,5:1.

I valori CMYK differiscono da quelli della tipografia.

Il valore CMYK qui è una semplice conversione matematica. La stampa reale dipende dal profilo di carta e inchiostro, quindi segui le indicazioni della tipografia.

Pubblicità