Selettore colore
Valida un colore esadecimale e ottieni la rappresentazione corrispondente in HEX, RGB oppure HSL.
Esegui lo strumento
Il selettore colore accetta un valore esadecimale di tre o sei cifre, con o senza cancelletto iniziale, e genera le rappresentazioni equivalenti nei formati HEX, RGB e HSL. Puoi visualizzare tutti i formati insieme in una sola schermata oppure selezionare un singolo output specifico per il codice sorgente, i fogli di stile CSS o la documentazione tecnica del tuo progetto.
Se inserisci una notazione abbreviata a tre caratteri, il sistema espande automaticamente ciascuna cifra nella forma standard a sei caratteri prima di calcolare i canali di rosso, verde e blu.
Oltre ai codici colore, la schermata mostra una stima numerica della luminosità percepita, calcolata direttamente a partire dai canali RGB. Questa stima offre un riferimento indicativo ma non sostituisce la misurazione del rapporto di contrasto WCAG. Lo strumento elabora un singolo colore alla volta: non crea palette complete, non genera schemi armonici e non calcola tinte complementari.
Istruzioni
- Inserisci un colore esadecimale di tre o sei cifre.
- Scegli se visualizzare tutti i formati oppure soltanto HEX, RGB o HSL.
- Esegui la conversione e copia la rappresentazione richiesta dal progetto.
- Controlla separatamente contrasto e leggibilità nel contesto reale.
Esempi
- Con #000 e Tutti i formati, il risultato comprende #000000, rgb(0, 0, 0) e hsl(0, 0%, 0%).
- Con 3498DB, lo strumento normalizza la stringa in #3498db e calcola rgb(52, 152, 219) e hsl(204, 70%, 53%).
- Se scegli soltanto RGB per #3498db, la schermata mostra rgb(52, 152, 219) senza i campi HEX e HSL.
FAQ
Posso inserire un HEX di tre cifre?
Sì. L'applicazione accetta la notazione breve #000 ed espande la stringa nel valore standard #000000.
HEX, RGB e HSL indicano colori diversi?
Sono rappresentazioni differenti dello stesso valore cromatico.
La luminosità equivale al contrasto WCAG?
No. Rappresenta una stima basata sui canali RGB e non misura il rapporto tra testo e sfondo.
Il selettore crea una palette?
No. Elabora un singolo colore e non genera palette, schemi armonici o tinte complementari.