Selettore colori
Scegli colori e ottieni codici HEX, RGB, HSL
Funziona nel tuo browser
HEX
#3B82F6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)Colori rapidi
Cos'è un selettore colori?
Un selettore colori online permette di scegliere colori e ottenere codici in vari formati (HEX, RGB, HSL). Utile per designer e sviluppatori.
Casi d'uso
- Scegliere colori per design web o app
- Ottenere codici HEX, RGB, HSL per CSS
- Trovare colori per brand o progetto
- Convertire tra formati colore
Quando usarlo?
Usalo per scegliere colori, ottenere codici o convertire formati. Molto utile per designer web, UI/UX e frontend.
Esempi
Un blu di brand
Input
#1A6CF5
Output
- HEX
- #1A6CF5
- RGB
- rgb(26, 108, 245)
- HSL
- hsl(218, 92%, 53%)
Un colore d'accento caldo
Input
#F4A261
Output
- HEX
- #F4A261
- RGB
- rgb(244, 162, 97)
- HSL
- hsl(27, 87%, 67%)
Domande e risposte
Qual è la differenza tra HEX, RGB e HSL?
Descrivono lo stesso colore in modi diversi. HEX è la forma compatta usata nei CSS, RGB indica i valori di rosso, verde e blu da 0 a 255, e HSL usa tonalità, saturazione e luminosità, il che rende facile creare sfumature più chiare o più scure.
Come copio un codice colore?
Scegli un colore, poi usa il pulsante di copia accanto al valore HEX, RGB o HSL che ti serve.
Perché riconvertendo da HSL si può ottenere un colore leggermente diverso?
I valori HSL vengono arrotondati a numeri interi, quindi riconvertendoli in HEX il risultato può scostarsi di un passo.