Selettore Colori HEX
Converti codici colore esadecimali nei formati RGB e HSL con calcolo della luminosità e varianti di formato.
Esegui lo strumento
Questo strumento analizza codici colore esadecimali e genera le coordinate equivalenti nei formati RGB e HSL. Il campo accetta codici a tre o sei caratteri, con o senza il simbolo del cancelletto iniziale. Se inserisci una notazione breve come f00, l'elaborazione espande ciascun carattere ottenendo ff0000 prima di calcolare i valori finali. Se lasci il campo vuoto, il sistema imposta automaticamente la tonalità predefinita #ff5733. Il pannello dei risultati mostra il codice esadecimale in lettere maiuscole e minuscole, le stringhe di testo pronte per fogli di stile CSS e i singoli canali numerici per rosso, verde e blu. Per la notazione HSL, i valori di tonalità, saturazione e luminosità appaiono arrotondati a numeri interi. La schermata include anche una classificazione della luminosità, utile per stabilire se un testo scuro o chiaro garantisce un contrasto adeguato sullo sfondo. In caso di caratteri non validi, la risposta segnala l'anomalia direttamente nel riquadro informativo.
Istruzioni
- Inserisci il valore esadecimale nel campo di testo, ad esempio #3498db oppure 3498db.
- Avvia l'elaborazione per calcolare le coordinate cromatiche corrispondenti.
- Leggi i valori nei formati RGB e HSL insieme alla classificazione di luminosità mostrata nel riepilogo.
Esempi
- Inserendo il codice esadecimale compatto '#03f', lo strumento espande la sequenza in '#0033ff', ricavando rgb(0, 51, 255) e hsl(228, 100%, 50%) con classificazione di tonalità scura.
- Lasciando il campo vuoto, il selettore applica il valore predefinito #ff5733, mostrando rgb(255, 87, 51) e hsl(11, 100%, 60%) con indicazione di sfondo chiaro.
FAQ
Posso inserire un codice esadecimale a tre cifre?
Sì, l'elaborazione raddoppia ciascun carattere prima della conversione, trasformando ad esempio 'abc' in 'aabbcc'.
Cosa accade se ometto il simbolo del cancelletto?
Il sistema riconosce la notazione e applica automaticamente il prefisso necessario per interpretare il colore.
Come viene calcolata la luminosità del colore?
Il calcolo applica un fattore ponderato sui canali RGB e definisce chiaro il colore quando il punteggio supera la soglia di 128.
Lo strumento accetta valori RGB o HSL in ingresso?
No, il campo accetta unicamente valori cromatici espressi in notazione esadecimale.