Color Picker

Informazioni su questo strumento

Il Selettore di Colori consente di scegliere visivamente qualsiasi colore e vedere immediatamente le sue rappresentazioni HEX, RGB e HSL. Usa il selettore nativo per una selezione ampia o i cursori RGB per un controllo preciso a livello di canale.

I colori scelti vengono salvati automaticamente nella cronologia, per tornare rapidamente a un colore senza reinserirlo. Utile per confrontare variazioni di colore o costruire una palette.

Come usare

1. Clicca sul grande campione di colore per aprire il selettore nativo del browser e scegliere un colore.
2. Trascina i cursori R, G e B per regolare i singoli canali di colore.
3. Clicca su Copia accanto a HEX, RGB o HSL per copiare il valore negli appunti.
4. I colori copiati appaiono nella riga dei Colori recenti — clicca su un campione per ripristinarlo.

Casi d'uso

I web designer selezionano colori esatti da una guida di brand e copiano i codici hex in CSS. Gli sviluppatori regolano valori RGB per canvas o WebGL. I designer UI confrontano variazioni sottili nello stesso tono.

Domande frequenti

• I colori selezionati vengono salvati in modo permanente? — No. I Colori recenti sono archiviati nello stato del componente e si reimpostano quando esci dalla pagina o aggiorni. Per l'archiviazione permanente, copia i codici hex nelle tue note.
• Posso inserire un codice hex direttamente? — Sì. Usa il campo di input hex del selettore nativo (disponibile nella maggior parte dei browser) per digitare direttamente un valore hex.
• Cos'è HSL e perché è utile? — HSL sta per Tono (Hue), Saturazione (Saturation) e Luminosità (Lightness). Descrive il colore in modo intuitivo — cambiare la luminosità rende il colore più chiaro o scuro mantenendo lo stesso tono, utile per generare tinte e ombre.