Convertitore di colori
Scegli un colore o digita un valore e FileTinker lo converte tra HEX, RGB e HSL in tempo reale. Ogni campo è modificabile e ogni valore è pronto da incollare nei CSS. Funziona tutto nel tuo browser.
Convertire tra i formati
Vai direttamente a una conversione specifica — ognuna apre la sua pagina pronta all'uso:
Come convertire un colore
- Scegli un colore con il campione, oppure digita un valore HEX, RGB o HSL in qualsiasi campo.
- Gli altri formati si aggiornano all'istante mentre procedi.
- Copia il formato che ti serve — ogni valore è pronto da incollare nei CSS o in uno strumento di design.
Informazioni sui formati di colore
HEX, RGB e HSL sono tre notazioni per gli stessi colori a schermo. HEX (come #3366ff) è compatto e comune nel markup; RGB indica i canali rosso, verde e blu da 0 a 255; HSL descrive tonalità, saturazione e luminosità, intuitivo quando vuoi costruire una palette o modificare una sfumatura a sensazione. Convertire tra questi formati è un lavoro quotidiano nel web e nella grafica.
Questo strumento mantiene tutti e tre sincronizzati mentre ne modifichi uno qualsiasi e ti offre un'anteprima in tempo reale più un selettore di colori nativo. Poiché funziona interamente nel tuo browser, è istantaneo e privato — comodo per abbinare i colori di un brand, creare variabili CSS o campionare una sfumatura al volo.
Domande frequenti
Come converto un HEX in RGB o HSL?
Digita o incolla un valore HEX (oppure scegli un colore con il campione) e i campi RGB e HSL si aggiornano all'istante. Ogni campo funziona in entrambe le direzioni, quindi puoi partire da qualsiasi formato e leggere gli altri. Copia quello che ti serve.
Qual è la differenza tra HEX, RGB e HSL?
Descrivono lo stesso colore in modi diversi. HEX e RGB impostano entrambi le quantità di rosso, verde e blu (HEX in esadecimale, RGB con numeri da 0 a 255). HSL usa invece tonalità, saturazione e luminosità, il che rende più facile rendere un colore più chiaro, più scuro o più tenue a mano.
I valori sono pronti da usare nei CSS?
Sì. I valori HEX, rgb(...) e hsl(...) sono scritti esattamente come i CSS si aspettano, quindi puoi incollarli direttamente in un foglio di stile o in uno strumento di design.
Viene caricato qualcosa?
No. Tutti i calcoli di conversione vengono eseguiti nel tuo browser; non viene inviato nulla da nessuna parte.