How do I pick a color from an image?

Upload an image using the button above, drag and drop a file, or paste a screenshot with Ctrl+V. Once loaded, move your cursor over the image and click on any pixel to lock its color. The magnifier loupe shows a zoomed-in view so you can pick colors with precision.

Can I pick a color from a screenshot?

Yes. Take a screenshot and press Ctrl+V (or Cmd+V on macOS) anywhere on the page. The image color picker automatically pastes it onto the canvas so you can immediately start sampling colors from it.

Does the image get uploaded to a server?

No. All image processing happens entirely in your browser using the HTML5 Canvas API. Your images and color data never leave your device, and nothing is stored on any server.

What color formats does the tool provide?

The tool provides HEX, RGB, HSL, HSV, OKLCH, and CMYK color values for every sampled pixel. You can copy any format with one click or export all values at once.

What is the difference between HEX, RGB and HSL?

HEX is a six-character code used in HTML and CSS to represent colors. RGB defines a color by its red, green, and blue channel values. HSL stands for Hue, Saturation, and Lightness, making it easier to adjust a color's warmth or brightness intuitively.

Can I pick colors from a high-resolution image?

Yes. The image color picker supports images of any resolution. You can zoom in up to 3200% to see individual pixels clearly, making it easy to pick exact colors even from very large or detailed images.

Why can neighboring pixels have different colors?

Digital images often have slight color variations between neighboring pixels due to JPEG compression, anti-aliasing at edges, or camera sensor noise. This is normal. The tool offers 3x3, 5x5, and 11x11 area sampling to average out these variations when needed.

What is color sampling?

Color sampling is the process of reading the color value of one or more pixels from an image. Point sampling reads a single pixel, while area sampling averages a grid of pixels (such as 3x3 or 5x5) to give a more representative color, which is useful for photographs and textured surfaces.

Can I extract a color palette from an image?

Yes. The palette extractor analyzes your image and returns its dominant colors in modes like Dominant, Vibrant, Muted, and Balanced. You can export the palette as CSS variables, JSON, SVG, or a downloadable PNG card.

Can I use the tool on mobile?

Yes. The image color picker works on modern mobile browsers. You can upload photos from your gallery or paste screenshots directly on your phone or tablet.

Does the tool work with PNG, JPG and WebP images?

Yes. The tool supports PNG, JPG, JPEG, WebP, GIF, and SVG image formats. You can also load images directly from a public URL.

How accurate is the color picker?

The color picker reads the exact sRGB pixel values stored in the image file, so the colors are as accurate as the source data. Any perceived difference between screens is usually caused by display calibration, color profile settings, or brightness differences between devices.

Selettore di Colore Immagine – Scegli Colori da Qualsiasi Immagine

Image Color Picker – Upload & Pick Colors

Carica un'immagine, ingrandisci qualsiasi pixel e ottieni immediatamente HEX, RGB, HSL e altro. Tutto viene elaborato localmente nel tuo browser.

drag & drop•Ctrl + V per incollare•

Oppure prova istantaneamente con immagini di esempio:

🔒 Tutto viene elaborato localmente nel tuo browser. Zero archiviazione lato server.

#171717

Colore CSS Più Vicino: Black

HEX#171717

RGBrgb(23, 23, 23)

HSLhsl(0, 0%, 9%)

Proprietà del Colore:Hue: 0° (Red)Saturation: 0%Lightness: 9%Neutral

Verificatore Contrasto WCAGWCAG 2.1

Calcola i rapporti di contrasto di accessibilità per il colore di sfondo selezionato contro bianco e nero.

Best: White (18.2 : 1)

Testo Bianco (#FFFFFF)18.20 : 1

Anteprima del titolo grande (18pt / 24px)

Anteprima del testo corpo standard da 14px. Il rapporto di contrasto determina la leggibilità per gli utenti con vista ridotta.

AA Normal

AA Large

AAA Normal

AAA Large

Testo Nero (#000000)1.15 : 1

Anteprima del titolo grande (18pt / 24px)

Anteprima del testo corpo standard da 14px. Il rapporto di contrasto determina la leggibilità per gli utenti con vista ridotta.

AA Normal

AA Large

AAA Normal

AAA Large

Armonie di Colore

Palette armoniche derivate matematicamente dal colore attivo. Clicca su qualsiasi campione per selezionarlo.

Palette Immagine Estratta

Deriva una palette di colori autentica dalla tua immagine caricata usando la quantizzazione di colore lato client.

Colori:

Opzioni di Esportazione:

Cronologia Colori Recenti0

Salvato localmente nell'archivio del tuo browser. Mai inviato a nessun server.

Nessun colore selezionato ancora. Clicca ovunque sull'immagine per registrare i colori qui.

Guida Utente e Riferimento

Tutto Quello Che Devi Sapere sulla Selezione del Colore Immagine

Una guida completa sugli spazi colore, campionamento di precisione, accessibilità del contrasto e elaborazione lato client.

1Come Scegliere un Colore da Qualsiasi Immagine

1. Carica la Tua ImmagineDrag and drop any PNG, JPG, WebP, GIF, or SVG file, paste directly from clipboard (<kbd class="px-1 py-0.5 rounded bg-white dark:bg-[#2a2a2a] border border-[#d1d5db] dark:border-[#2e2e2e]">Ctrl+V</kbd>), or enter a public image URL.

2. Ingrandisci e CampionaUse mouse wheel or toolbar buttons to zoom in up to 3200%. The magnifier loupe displays a 9×9 real-time pixel grid. Hover over any target pixel and click to lock.

3. Copia ed EsportaInstantly copy color codes in HEX, RGB, HSL, HSV, OKLCH, or CMYK. Extract authentic palettes and export to CSS, JSON, SVG, or high-res PNG cards.

2Comprendere il Campionamento del Colore Immagine (1×1 vs 3×3 vs 5×5)

Nelle immagini digitali, i singoli pixel spesso variano leggermente a causa della compressione JPEG con perdita, dell'anti-aliasing ai bordi vettoriali o del rumore naturale del sensore della fotocamera. Le modalità di campionamento ti danno controllo completo su come vengono misurati i colori dei pixel:

1×1 Pixel Singolo (Campionamento Puntuale)

Legge il colore RGB esatto del singolo pixel sotto il cursore. Ideale per mockup UI piatti, grafica vettoriale, pixel art e loghi digitali dove i bordi sono nitidi e le regioni di colore uniformi.

Medie Area 3×3 e 5×5

Campiona una matrice quadrata (9 o 25 pixel) centrata sul cursore e calcola il colore rappresentativo. La Media calcola la media aritmetica sui canali colore, mentre la Mediana filtra il rumore e la granulosità. Ideale per fotografie e materiali texturizzati.

3Spazi Colore e Modelli Confrontati

Formato	Esempio	Caso d'Uso Principale
HEX	#0070F3	Design web universale, HTML, fogli di stile CSS, token di interfaccia.
RGB	rgb(0, 112, 243)	Hardware di visualizzazione su schermo, API Canvas, manipolazione dell'opacità CSS rgba().
HSL	hsl(212, 100%, 48%)	Regolazioni intuitive per umani: regola facilmente la luminosità o la saturazione senza cambiare la tonalità.
HSV / HSB	hsv(212, 100%, 95%)	Selettori di colore Figma, Sketch, Adobe Photoshop.
OKLCH	oklch(0.58 0.22 254.2)	Standard moderno CSS Color 4 con uniformità percettiva su luminosità e cromia.
CMYK	cmyk(100%, 54%, 0%, 5%)	Produzione di stampa offset commerciale e digitale fisica.

🔒Informativa sulla Privacy – Selettore Colore Immagine

A differenza di molti selettori di colore online che caricano le tue immagini personali su server remoti, Image Color Picker elabora il 100% dei tuoi dati direttamente nel tuo browser usando l'API Canvas HTML5 nativa e i TypedArrays JavaScript.

Le tue immagini non lasciano mai il tuo computer o smartphone locale.
Nessun account utente, token di tracciamento o database lato server.
Funziona completamente offline una volta che la pagina è caricata nel tuo browser.

Scegli Qualsiasi Colore da Qualsiasi Immagine.