Convertitore codici colore
Inserisci un colore e copia i valori HEX, RGB e HSL.
#624DE3CC
Informazioni sullo strumento
Il convertitore di codici colore mostra un singolo colore nei formati HEX, RGB e HSL allo stesso tempo e consente di passare da un formato all'altro. Puoi scegliere un colore digitandolo, selezionando una preimpostazione o usando la pipetta, e puoi anche regolare la trasparenza. Ideale per ottenere il formato di codice di cui hai bisogno per il web design, il lavoro UI, CSS e il fotoritocco.
Come si usa
Scegli un colore
Inserisci un valore nei campi HEX, RGB o HSL, oppure seleziona un colore preimpostato. Negli ambienti compatibili puoi anche usare il pulsante pipetta per prelevare un colore direttamente dallo schermo.
Regola la trasparenza
Sposta il cursore della trasparenza per controllare l'opacità del colore. L'impostazione si riflette nell'anteprima in alto e nei codici colore.
Controlla e copia il risultato
Controlla il colore nell'anteprima, quindi premi il pulsante di copia accanto al campo HEX, RGB o HSL per copiare negli appunti il valore che ti serve.
Caratteristiche
HEX, RGB e HSL insieme
Inserisci un colore in un formato e vedi subito i suoi valori HEX, RGB e HSL.
Anteprima in tempo reale e trasparenza
L'anteprima si aggiorna all'istante quando cambi i valori del colore o la trasparenza, e il cursore ti permette di creare colori semi-trasparenti.
Pipetta e colori preimpostati
Nei browser compatibili usa la pipetta per prelevare un colore dallo schermo, oppure clicca un colore preimpostato comune per applicarlo rapidamente.
Copia ogni formato singolarmente
Copia separatamente il valore HEX, RGB o HSL per usarlo direttamente in CSS, negli strumenti di design e nei documenti.
Inserisci i valori direttamente
Se conosci già il codice colore, digitane i valori nei campi per vedere il risultato della conversione.
Elaborazione nel browser
I tuoi valori colore e i risultati restano nel browser: non viene inviato nulla a un server.
Casi d'uso
Convertire codici colore CSS
Converti un colore HEX da un mockup di design in RGB o HSL per usarlo negli stili CSS.
Trasferire colori tra strumenti di design
Converti lo stesso colore nel formato di codice richiesto da ciascun programma quando i formati differiscono.
Creare sfondi semi-trasparenti
Regola la trasparenza per ottenere colori semi-trasparenti per overlay, sfondi, pulsanti e bordi.
Prelevare colori dallo schermo
Usa la pipetta per selezionare un colore mostrato su una pagina web, un'immagine o lo schermo di un'app e visualizzarlo come codice.
Gestire i colori del brand
Tieni insieme i valori HEX, RGB e HSL dei colori del brand per un uso coerente in documenti web, stampa e design.
Domande frequenti
In cosa differiscono HEX, RGB e HSL?
HEX rappresenta un colore in esadecimale, ad esempio #8AD0FF. RGB esprime l'intensità di rosso, verde e blu come numeri, mentre HSL descrive un colore tramite tinta, saturazione e luminosità.
Quale formato dovrei usare?
HEX è semplice e molto usato sul web e nei documenti di design. RGB è comodo per regolare direttamente i canali di colore, mentre HSL è utile per cambiare in modo intuitivo tinta o luminosità.
Come viene riflessa la trasparenza nel codice colore?
Un valore HEX con trasparenza viene mostrato come codice a 8 cifre, con il valore alfa aggiunto dopo il normale codice a 6 cifre. Ad esempio, in #8AD0FFCC le ultime due cifre rappresentano la trasparenza.
Qual è la differenza tra HEX a 6 e 8 cifre?
Un HEX a 6 cifre contiene solo i valori di rosso, verde e blu. Un HEX a 8 cifre aggiunge un valore alfa alla fine per rappresentare la trasparenza.
Cosa significano trasparenza al 100% e allo 0%?
Il 100% indica un colore completamente opaco e lo 0% un colore completamente trasparente. I valori intermedi producono colori semi-trasparenti che lasciano trasparire lo sfondo.
Qual è l'intervallo dei valori RGB?
I valori RGB vanno da 0 a 255 per ciascuno dei canali rosso, verde e blu. Più alto è il valore, più forte è quella componente di colore.
Cosa significano i valori HSL?
H è la tinta, generalmente un valore tra 0 e 359 gradi. S è la saturazione e L la luminosità, ciascuna espressa in percentuale.
La pipetta funziona in tutti i browser?
Il supporto dipende dal browser e dall'ambiente. Negli ambienti non compatibili, usa piuttosto gli input colore o i colori preimpostati.
Posso modificare un colore dopo aver selezionato una preimpostazione?
Sì. Dopo aver scelto una preimpostazione, regola i valori HEX, RGB o HSL oppure la trasparenza per rifinire il colore.
Quale valore copia il pulsante di copia?
Ogni pulsante di copia copia il valore di colore corrente in quel formato. Puoi copiare solo il valore HEX, RGB o HSL di cui hai bisogno.
Il colore che inserisco viene inviato a un server?
No. Tutta l'elaborazione avviene localmente nel tuo browser. I tuoi valori colore e i risultati delle conversioni non vengono mai trasmessi a un server.
Strumenti correlati
