Convertitore di colori
Converti i colori tra HEX, RGB e HSL con un'anteprima in tempo reale.
Strumenti correlati
Come usare Convertitore di colori
- 01
Inserisci un colore come HEX, ad esempio #ff8800.
- 02
Visualizza immediatamente la conversione in RGB e HSL.
- 03
Copia il formato che ti serve.
Cosa fa
Questo è un convertitore di colori per il lavoro sul web e nel design che traduce un colore tra i tre formati che usi di più: HEX, RGB e HSL, con un campione dal vivo così puoi vedere esattamente con cosa stai lavorando.
È il collante quotidiano tra design e codice: abbinare un colore di brand da un mockup a una variabile CSS, convertire un valore che un designer ti ha dato in un formato in quello che vuole il tuo framework, o trovare una sfumatura leggermente più chiara per uno stato hover.
Tutto funziona nel tuo browser, quindi è istantaneo e nulla di ciò che inserisci viene inviato da nessuna parte.
Come differiscono i formati
Ogni formato descrive lo stesso colore in modo diverso. HEX (come #ff8800) è la forma compatta usata in tutto CSS e HTML. RGB indica direttamente i canali rosso, verde e blu, il modo in cui schermi e codice come canvas pensano al colore. HSL descrive tonalità, saturazione e luminosità, il che è molto più intuitivo quando vuoi ritoccare un colore: cambia la tonalità per spostarlo lungo la ruota, o la luminosità per renderlo più scuro senza scegliere a mano un nuovo codice.
Come funziona la conversione
Inserisci un valore HEX e gli equivalenti RGB e HSL si aggiornano all'istante, così puoi prendere il formato che lo strumento o il codice davanti a te si aspetta.
Cosa non è ancora coperto
Per ora lo strumento si concentra sui colori opachi in HEX, RGB e HSL; il supporto per l'alfa (opacità) non è ancora incluso.
Domande frequenti
Quali formati sono supportati?
HEX (#rgb o #rrggbb), RGB e HSL. Inserisci un valore HEX e gli altri si aggiornano dal vivo.
Supportate l'alfa / opacità?
Non ancora. Questo strumento si concentra su HEX, RGB e HSL opachi. Il supporto per l'alfa può essere aggiunto in seguito.
Qual è la differenza tra RGB e HSL?
RGB imposta direttamente i canali rosso, verde e blu, nel modo in cui uno schermo rende il colore. HSL descrive tonalità, saturazione e luminosità, il che rende più facile regolare un colore in modo intuitivo, per esempio per renderlo più chiaro o spostarne la tonalità.
Cos'è un codice colore HEX?
Un codice HEX come #ff8800 è un modo compatto per scrivere un colore RGB usando l'esadecimale: due cifre ciascuna per rosso, verde e blu. È il formato più usato in CSS e HTML.
La conversione avviene in modo privato?
Sì. La conversione viene eseguita interamente nel tuo browser, quindi i colori che inserisci non vengono mai inviati a un server.