Selettore di Colore Immagine

Ripristino del file selezionato...

Cercare di abbinare un colore di un marchio da uno screenshot del logo o estrarre una tonalità da una foto di solito significa aprire Photoshop. Questo selettore carica qualsiasi immagine in una tela zoomabile e mostra il valore HEX, RGB e HSL di qualsiasi pixel tu clicchi, con una media 10×10 in modo da poter campionare un’area invece di un singolo pixel ed evitare artefatti di rumore JPEG.

Come scegliere un colore da un'immagine

  1. 1

    Carica o trascina un'immagine

    JPG, PNG, WebP, il selettore si adatta al tuo viewport.

  2. 2

    Zoom nell'area

    Scorri per zoomare; trascina per spostarti esattamente nel punto che vuoi campionare.

  3. 3

    Clicca su un pixel

    Lettura istantanea in HEX, RGB, HSL, oltre a un campione ingrandito.

  4. 4

    Copia la notazione di cui hai bisogno

    Un clic copia HEX, rgb() o hsl() negli appunti.

  5. 5

    Salva più campioni

    Raccogli una palette di 6-10 colori da tutta l'immagine per un riferimento di design.

Ottenere campioni accurati

Un campione di colore a pixel singolo è quasi mai ciò che desideri da una foto reale, la compressione JPEG, il rumore e la variazione di illuminazione creano variazioni pixel per pixel anche in un’area visivamente uniforme.

Modalità di campionamento

Modalità Cosa fa Quando usarla
Punto Pixel singolo sotto il cursore Campionamento di uno screenshot da uno strumento di design
3 × 3 media Media di 9 pixel attorno al clic Foto JPG con leggera compressione
10 × 10 media Media di 100 pixel Foto pesantemente compresse o rumorose
Media area Disegna un rettangolo, media ogni pixel all’interno Loghi e risorse di design a colori piatti

Avvertenze sullo spazio colore

  • Gli screenshot da un display mostrano valori sRGB; il colore selezionato corrisponde alla sorgente originale.
  • Le fotografie da una fotocamera possono essere in Adobe RGB o DCI-P3; il selettore mostra sRGB, quindi un rosso vivace da una foto di un telefono a gamma ampia appare leggermente desaturato.
  • PNG con profilo ICC: il selettore converte in sRGB prima del campionamento, quindi le uscite sono coerenti.

Casi d’uso comuni

  • Abbinare il colore del logo di un cliente da uno screenshot invece di indovinare.
  • Costruire una palette da una foto di riferimento (paesaggio, mood board, fotogramma di un film).
  • Controllare i valori esadecimali su una pagina web renderizzata che ha perso i suoi token di design.
  • Verificare che un colore di marca sia stato applicato correttamente da un stakeholder.

Privacy

L’immagine viene caricata nella tela del tuo browser e non viene mai caricata, il selettore utilizza esclusivamente letture della tela lato client, quindi i design riservati rimangono riservati.

Domande frequenti

La compressione JPEG sposta leggermente i colori, specialmente nei gradienti e vicino ai bordi. Se la sorgente è un JPG, prova la modalità media 10 × 10; se hai accesso al PNG o SVG originale, campiona da quello per una corrispondenza esatta.

Non direttamente. Fai uno screenshot del fotogramma che desideri e caricalo. Per un lavoro rigoroso di video-a-palette, estrai fotogrammi con uno strumento video e campiona ciascuno di essi.

Campiona da qualsiasi fotogramma venga visualizzato quando clicchi. Metti in pausa o scorri al fotogramma che desideri prima di campionare.

Fino a 20 per sessione. Le palette sono memorizzate localmente, quindi aggiornare la pagina le mantiene, ma cancellare i dati del browser le elimina.

Strumenti correlati