Codici HEX, RGB, HSL, CMYK, contrasto per l'accessibilità, sfumature e armonie: tutto per scegliere i tuoi colori.
| Formato | Esempio | Dove usarlo |
|---|---|---|
| HEX | #6D5EF0 | Siti web, software di grafica |
| RGB | rgb(109, 94, 240) | Schermi, CSS, fotoritocco |
| HSL | hsl(247, 83%, 65%) | Creare varianti più chiare o più scure |
| CMYK | 55% 61% 0% 6% | Stampa (valore indicativo, senza profilo colore) |
Le linee guida sull'accessibilità del web (WCAG) richiedono un contrasto di almeno 4,5:1 per il testo normale (livello AA) e 7:1 per il livello AAA. Un testo grande si accontenta di 3:1. Lo strumento calcola il contrasto del tuo colore su bianco e su nero: sai subito se va bene per il testo.
Sul computer, il contagocce preleva il colore di qualsiasi punto dello schermo, se il tuo browser lo supporta.
Incolla il codice HEX nel campo: lo strumento mostra subito il valore RGB, HSL e CMYK, ognuno con un pulsante per copiarlo.
Almeno 4,5:1 tra testo e sfondo per il testo normale e 3:1 per un titolo grande. Lo strumento indica se il tuo colore raggiunge queste soglie.
Sono indicativi: la conversione esatta dipende dal profilo colore della tipografia. Chiedi il loro profilo per un risultato fedele.