Convertitore di Colori

Cosa fa il convertitore di colori

Dagli un codice colore HEX e ti restituisce lo stesso colore scritto in tre modi: HEX, RGB e HSL. Sono i formati a cui designer e sviluppatori front-end ricorrono più spesso. Hai preso un campione come #2b59ff ma la tua variabile CSS si aspetta un valore rgb()? Incollalo qui e copia la riga che ti serve. È comodo per abbinare i colori di un marchio, riempire un design token o semplicemente controllare l’aspetto di una tinta in HSL prima di modificarne la luminosità.

Come usarlo

1. Digita o incolla un colore HEX nella casella di input. Il cancelletto è facoltativo e sono accettate sia le forme brevi come #2bf sia i codici completi come #2b59ff.
2. Premi il pulsante Converti.
3. Leggi la casella di output, che elenca le versioni HEX, RGB e HSL su righe separate.
4. Copia la riga che ti serve direttamente nel tuo foglio di stile o file di progetto.

Se inserisci qualcosa che non è un codice HEX valido, lo strumento te lo segnala e mostra il formato atteso, così non resti mai nel dubbio.

Perché convertire i colori qui

È veloce. Non c’è alcun passaggio di caricamento né attesa, perché il calcolo avviene nell’istante in cui premi Converti. È anche privato: l’operazione viene eseguita localmente nel tuo browser, quindi i codici colore restano sul tuo dispositivo e la pagina continua a funzionare anche senza connessione. Ed è gratis, senza alcun account da creare.

L’output RGB e HSL è già formattato come vuole il CSS, parentesi e segni di percentuale inclusi, così puoi incollare senza ritocchi. Trovi altri strumenti per sviluppatori nella categoria dev.

Un consiglio rapido

Lavorare in HSL rende facili le variazioni di tonalità: converti il tuo HEX di base, poi sposta l’ultimo numero (la luminosità) verso l’alto o verso il basso per creare una versione più chiara o più scura dello stesso colore senza perderne il carattere.