Informazioni: Estrarre colori da immagine
Questo strumento è un contagocce online che ti dice il codice esatto dei colori di una foto. È utile per prendere il colore di un marchio da un logo o dallo screenshot di un sito, o per creare una palette di design a partire da una foto che ti piace. Con la lente d’ingrandimento puoi scegliere con precisione al pixel; sul telefono, tenendo premuto e muovendo il dito, la lente appare sopra il dito così non lo copre.
L’immagine viene elaborata solo nel browser e non viene inviata a nessun server.
Come si usa
- Trascina un’immagine nel riquadro qui sopra o toccalo per sceglierla. Gli screenshot si incollano direttamente con Ctrl+V.
- Tocca il punto che ti interessa. La lente ti aiuta a vedere esattamente dove sei.
- Tocca Copia accanto al codice HEX, RGB o HSL e incollalo nel tuo programma di grafica o nel CSS.
- Nella palette dei colori principali qui sotto trovi i colori dominanti dell’immagine con la loro percentuale; tocca un colore per copiarlo.
Come leggere i codici colore
- HEX – es. #4F46E5: rosso, verde e blu con due cifre esadecimali ciascuno (web, Figma).
- RGB – es. rgb(79, 70, 229): rosso, verde e blu da 0 a 255 (Photoshop, PowerPoint).
- HSL – es. hsl(243, 75%, 59%): tonalità, saturazione e luminosità (utile per variare i colori nel CSS).
Come viene creata la palette?
L’immagine viene rimpicciolita e i colori simili vengono raggruppati con il metodo k-means, trovando fino a 8 colori che occupano la superficie maggiore. Il numero sotto ogni colore indica la percentuale dell’immagine occupata da quel gruppo. La stessa immagine produce sempre la stessa palette.
Nelle foto JPG la compressione fa sì che anche un’area di colore uniforme abbia valori leggermente diversi da pixel a pixel. Per prendere il colore esatto di un logo usa il PNG originale o scegli con la lente il centro dell’area.
Domande frequenti
Il colore sullo schermo è un po’ diverso dal codice.
Le impostazioni del monitor, la modalità scura e il profilo colore incorporato nell’immagine possono far apparire i colori leggermente diversi. Il codice estratto è esattamente il valore del pixel salvato nel file.
Voglio prendere un colore da un sito web.
Fai uno screenshot della pagina (Windows: Win+Maiusc+S, Mac: Cmd+Maiusc+4), incollalo in questa pagina con Ctrl+V e tocca il punto che ti interessa.
Dove vengono salvati i colori recenti?
Gli ultimi 12 colori scelti vengono salvati solo in questo browser, così li ritrovi alla prossima visita. L’immagine non viene salvata.
Cosa succede con le parti trasparenti?
La palette viene calcolata escludendo i pixel trasparenti. Toccando un punto trasparente il colore può risultare nero (#000000), perché non contiene informazioni di colore.