Colori e design
Convertitore di colori
Tutti i formati colore che ti servono, convertiti in diretta con anteprima.
| HEX | | |
|---|---|---|
| RGB | | |
| HSL | | |
| OKLCH | |
Incolla un codice HEX, un valore rgb() o hsl(), oppure scrivi un nome CSS come « teal »: il convertitore mostra all’istante lo stesso colore in HEX, RGB, HSL e OKLCH, lo spazio colore moderno ormai supportato da tutti i browser. Un campione dal vivo conferma che è la tonalità giusta, e ogni formato si copia con un solo clic, pronto da incollare nel tuo foglio di stile, nel software di design o nel manuale del marchio. È il modo più rapido per tradurre in HSL il valore HEX ricevuto da un designer, o per migrare una palette a OKLCH senza fare calcoli. Gratuito, senza account, e nulla lascia mai il tuo dispositivo.
Come funziona?
- Digita un colore (HEX, rgb(), hsl(), nome CSS) o usa il selettore visuale.
- I valori HEX, RGB, HSL e OKLCH si aggiornano mentre scrivi.
- Verifica la tonalità con il campione di anteprima.
- Copia il formato che ti serve con un clic.
Domande frequenti
Quali formati di colore sono accettati in ingresso?
I codici HEX a 3, 6 o 8 cifre (#f00, #ff0000, #ff0000cc), le notazioni rgb() e rgba(), hsl() e hsla(), oltre a tutti i nomi di colore CSS (red, rebeccapurple, teal…).
Cos’è OKLCH e perché dovrebbe interessarti?
OKLCH è uno spazio colore percettivamente uniforme: a parità di luminosità, due colori appaiono davvero ugualmente chiari. È supportato da tutti i browser moderni e rende molto più semplice costruire palette CSS coerenti rispetto a HSL.
Quando conviene HSL rispetto a HEX?
HSL descrive un colore tramite tonalità, saturazione e luminosità, quindi è leggibile: puoi creare varianti più chiare, più scure o più tenui cambiando un solo numero invece di indovinare codici HEX.
Posso convertire colori con trasparenza?
Sì: inserisci un codice HEX a 8 cifre o un valore rgba()/hsla() e il canale alfa viene mantenuto in ogni formato che lo supporta.