Che cos'è un selettore di colori per immagini?

Un selettore di colori per immagini, chiamato anche contagocce, legge il colore di un pixel in un'immagine. I designer lo usano per abbinare il colore di un brand partendo da un logo, creare una palette da una foto o controllare la tonalità esatta in uno screenshot di un sito web o di un'app. Poiché il colore viene letto dai dati dei pixel, il valore è esatto e non una stima visiva.

Descrizione dello strumento

Questo strumento consente di aprire un'immagine o incollare uno screenshot dagli appunti, quindi fare clic in qualsiasi punto per selezionare un colore. Una lente d'ingrandimento segue il puntatore e mostra i pixel circostanti, così puoi selezionare quello desiderato. Ogni clic aggiunge un punto numerato e il colore di ciascun punto viene mostrato nel formato di output scelto, pronto per essere copiato.

Funzionalità

  • Seleziona colori da immagini PNG, JPEG, WebP, GIF, BMP e AVIF oppure incolla un'immagine con Ctrl+V
  • Lente d'ingrandimento con il colore sotto il puntatore
  • Zoom fino al 3200% con pixel nitidi per osservare piccoli dettagli e icone
  • Campionamento di un punto o della media di un'area da 3 × 3 a 101 × 101 pixel, come il contagocce degli editor di immagini
  • Copia ogni colore nei formati HEX, RGB, HSL, HWB, CMYK, LAB e altri
  • Indicatori numerati sull'immagine per ogni punto selezionato
  • Mostra l'opacità dei pixel semitrasparenti
  • Sposta l'ultimo punto pixel per pixel con i tasti freccia

Come funziona

L'immagine viene decodificata nel browser e disegnata su un canvas, quindi il colore viene letto dai pixel del canvas. I colori vengono convertiti in sRGB, lo spazio colore del web, così i valori corrispondono all'aspetto dell'immagine nella pagina e possono essere utilizzati direttamente in CSS. Con un campionamento medio, i colori dei pixel nell'area vengono mediati, con un peso basato sull'opacità, in modo che i pixel trasparenti non scuriscano il risultato. L'immagine non viene mai caricata.

Suggerimenti

  • Le foto e le immagini JPEG presentano rumore, quindi i pixel adiacenti spesso differiscono leggermente. Usa una media di 3 × 3 o 5 × 5 per ottenere il colore visualizzato, invece di usare un singolo pixel rumoroso.
  • Per elementi grafici piatti come loghi, icone e screenshot, usa il campionamento di un punto per ottenere il colore esatto.
  • Modificando la dimensione del campione, vengono aggiornati i colori di tutti i punti già selezionati.
  • Per i file GIF, i colori vengono selezionati dal primo fotogramma.