HEX → RGB
Converte un codice colore esadecimale in RGB e HSL.
Questo strumento funziona con JavaScript. Per usarlo, attiva JavaScript nel browser e ricarica la pagina.
DA #HEX A RGB, SUBITO.
HEX → RGB converte un codice colore esadecimale in valori RGB e HSL. Puoi scrivere il codice con o senza cancelletto; sono accettate la forma breve a tre cifre (#f00), la forma standard a sei cifre (#ff0000) e la forma a otto cifre con trasparenza (#ff0000cc). Appena scrivi, l'anteprima del colore si aggiorna e compaiono i risultati: RGB, RGBA se c'è trasparenza, HSL e una variabile CSS che puoi incollare direttamente nel tuo foglio di stile.
L'elenco dei risultati ti dice anche se su quel colore conviene mettere testo scuro o chiaro; questo consiglio è calcolato in base alla luminosità percepita del colore. Se vuoi, puoi anche scegliere un colore dal selettore e ottenere il suo codice. Lo strumento funziona nei due sensi: quando cambi i campi RGB si aggiorna anche l'HEX, per questo condivide la stessa schermata con «RGB → HEX». Si usa per portare nel codice un valore preso da un programma di grafica, per convertire un colore di marchio in altre notazioni o per capire se un colore è chiaro o scuro. Il calcolo avviene tutto nel tuo browser.
Dall’inizio alla fine
- Scrivi il codice HEX. Per esempio #1a73e8, 1a73e8 oppure, in forma breve, #17e.
- Guarda l'anteprima. Il riquadro di colore e tutti i valori si aggiornano appena scrivi.
- Copia il valore. Copia la riga RGB, HSL o variabile CSS e usala.
Domande frequenti
Quanto fa #1a73e8 in RGB?
rgb(26, 115, 232). Le prime due cifre danno il rosso, le due successive il verde e le ultime due il blu, in base esadecimale.
Cosa vuol dire un HEX a otto cifre?
Le ultime due cifre sono la trasparenza: ff del tutto opaco, 00 del tutto trasparente. #1a73e880 è un blu semitrasparente e nel risultato compare come RGBA.
Come si estende un HEX breve (#f00)?
Ogni cifra viene scritta due volte: #f00 diventa #ff0000. Lo strumento lo fa da solo.
I dati che inserisco vengono inviati al server?
No. Questo strumento funziona interamente nel tuo browser; nulla di ciò che scrivi o aggiungi viene inviato al server di RUPO Studio. Finché la pagina è aperta continua a funzionare anche se la connessione a internet cade. Non serve alcun account. L’uso è gratuito: nessun limite orario o giornaliero e nessuna pubblicità da guardare prima di vedere il risultato.
Altri strumenti Strumenti per creator
RUPO Studio