Convertitore di Colori
Converti colori tra HEX, RGB, HSL, HWB e CMYK con supporto alla trasparenza e anteprima in tempo reale.
Come funziona
Il convertitore di colori converte istantaneamente un colore tra i formati HEX, RGB, HSL e HSB/HSV.
Come usarlo:
- Inserisci un valore di colore in qualsiasi campo (HEX, RGB, HSL o HSB).
- Gli altri formati vengono aggiornati automaticamente.
- Usa il selettore visivo per scegliere un colore graficamente.
- Copia il formato di cui hai bisogno.
Esempio: #3498db → RGB(52, 152, 219) → HSL(204°, 70%, 53%).
Limitazioni: La conversione tra spazi colore può produrre leggere differenze dovute all’arrotondamento. Lo strumento copre i colori nello spazio sRGB standard.
Privacy: Tutto viene calcolato localmente, niente viene inviato.
Esempio pratico
Inserisci #1E90FF: lo strumento riporta rgb(30, 144, 255) e hsl(210, 100%, 56%), lo identifica come il colore CSS denominato dodgerblue e mostra la sua luminanza relativa WCAG. La sezione delle armonie genera i partner complementare, analoghi, triadici e complementari divisi — clicca su un campione per caricarlo e continuare a esplorare. Il percorso inverso è altrettanto comune: incolla rgb(30, 144, 255) da uno strumento di design e copia l’esadecimale per il tuo foglio di stile, con tutti i formati sincronizzati mentre regoli il valore.
Casi d'uso
- Tradurre il colore HEX di un designer in HSL per le animazioni CSS
- Controllare il triplet RGB di un colore del brand
- Copiare i valori colore tra strumenti di design che usano formati diversi
- Insegnare la teoria del colore con un campione visivo
Domande frequenti
- Qual è la differenza tra HSL e HSB?
- HSL (Tonalità, Saturazione, Luminosità) e HSB/HSV (Tonalità, Saturazione, Valore) usano definizioni diverse della componente di luminosità.
- Perché i valori convertiti differiscono leggermente?
- A causa dell'arrotondamento nelle conversioni matematiche.
- Posso inserire un colore CSS con nome?
- No, usa il codice esadecimale equivalente.
- Il formato RGBA è supportato?
- Questo strumento copre HEX, RGB, HSL e HSB senza canale alpha.
- Come copiare il valore?
- Clicca sul campo del risultato desiderato per selezionarlo e copia.