Selettore colore immagine
Clicca su qualsiasi pixel di una foto per ottenerne il colore esatto.
Muovi il cursore sulla foto per ingrandire, poi clicca per scegliere il colore esatto di un pixel.
Funziona nel browser. I tuoi file non lasciano mai il dispositivo.
- HEX, RGB e HSL
- Lente per selezioni precise
- Palette dei colori dominanti
Come scegliere un colore da un'immagine
- Trascina qui una foto.
- Muovi il cursore sulla foto e clicca sul pixel esatto che vuoi.
- Copia il valore HEX, RGB o HSL.
HEX, RGB e HSL spiegati
| Formato | Esempio | Usato per |
|---|---|---|
| HEX | #3B82F6 | CSS, strumenti di design, la maggior parte delle guide di stile |
| RGB | rgb(59, 130, 246) | CSS, editor di immagini |
| HSL | hsl(217, 91%, 60%) | Regolare luminosità o saturazione di un colore |
Come viene costruita la palette dei colori dominanti
La foto viene ridotta a una piccola dimensione di lavoro, poi i suoi colori vengono raggruppati in circa 8 tonalità rappresentative usando la quantizzazione del colore, la stessa tecnica che riduce una foto a una palette più piccola per l'output GIF o PNG a palette. Riflette i colori che occupano più area, non necessariamente quelli visivamente più sorprendenti.
Consigli per una selezione precisa
- Ingrandisci con la lente prima di cliccare. Mostra una vista ingrandita dei pixel intorno al cursore così puoi allineare esattamente quello che vuoi.
- Clicca su Cronologia per riutilizzare un colore già scelto in precedenza nella stessa sessione.
- Per una foto con rumore o artefatti JPEG, scegli un pixel da un'area uniforme del colore che vuoi invece che da un bordo, dove la compressione può alterare i singoli pixel.
Domande su Selettore colore immagine
Quanto è precisa la selezione del colore?
Legge il pixel esatto sotto il cursore, ingrandito nella lente così puoi allinearlo con precisione.
Cos'è la palette dei colori dominanti?
Mostra circa 8 colori che compaiono più spesso nella foto, utile per abbinare un design a un'immagine.
Posso tornare a un colore già scelto?
Sì. Ogni colore su cui clicchi viene salvato in Cronologia, così puoi ricliccarlo per recuperare i suoi valori HEX, RGB e HSL.
La mia foto viene caricata?
No. Il selettore di colore legge i pixel nel tuo browser, quindi la foto non lascia mai il tuo dispositivo.
Qual è la differenza tra HEX e RGB?
Descrivono esattamente lo stesso colore con notazioni diverse. HEX usa un codice a 6 cifre, RGB indica per esteso i valori di rosso, verde e blu da 0 a 255. Usa quello che il tuo strumento o il tuo CSS richiede.
Perché dovrei usare HSL invece di HEX?
HSL separa tonalità, saturazione e luminosità di un colore, quindi è più facile creare una versione più chiara o più tenue cambiando un solo numero invece di ricalcolare tutti e tre i valori RGB.
Il colore scelto tiene conto della compressione JPEG?
No, legge il valore esatto del pixel dal file che hai trascinato, incluso qualsiasi spostamento di colore già introdotto dalla compressione JPEG. Per il colore più fedele, scegli da un'area uniforme invece che da un bordo.