Selettore colori online
Scegli colori da qualsiasi immagine. Clicca per estrarre valori HEX, RGB e HSL. Gratuito, privato e istantaneo — tutto funziona nel tuo browser.
100% Privato — I tuoi file non lasciano mai il tuo dispositivo. Tutta l'elaborazione avviene nel tuo browser.
Trascina la tua immagine qui
o clicca per selezionare — JPG, PNG, WebP supportati
Clicca ovunque sull'immagine per scegliere un colore
Come funziona il selettore colori?
Questo strumento utilizza l'API Canvas integrata nel tuo browser per leggere il colore del pixel nella posizione esatta in cui clicchi. Poi converte i valori RGB nei formati HEX e HSL. L'intero processo viene eseguito localmente sul tuo dispositivo — le tue immagini non vengono mai inviate a nessun server.
Tips for Using the Color Picker
- Use the magnifier for precision — The built-in magnifier zooms in on the area around your cursor for exact pixel selection.
- Build a palette from a reference image — Drop an inspiring photo and click on different areas to extract a complete color palette.
- Copy color values with one click — Click on any color swatch to copy its HEX value to your clipboard instantly.
- Compare HEX, RGB, and HSL side by side — Each picked color displays in all three formats simultaneously.
- Pick colors from screenshots — Take a screenshot of any application and drop it in to extract exact color values.
- Clear and start fresh for new projects — Use "Clear all" to reset your palette when switching between images.
When to Use the Color Picker
- Web development — Extract exact HEX color codes from design mockups or screenshots to use in your CSS.
- Brand identity work — Identify the precise colors in a logo or brand material for style guides.
- Interior design and decoration — Pick colors from inspiration photos to get exact values for mood boards.
- Digital art and illustration — Sample colors from reference images for accurate color palettes.
- Accessibility testing — Extract foreground and background colors to check contrast ratios against WCAG guidelines.
Domande frequenti
Quali formati di colore sono forniti?
Ogni colore scelto mostra valori HEX (es. #FF5733), RGB (es. rgb(255, 87, 51)) e HSL (es. hsl(11, 100%, 60%)). Clicca su qualsiasi valore per copiarlo negli appunti.
Quanto è precisa la selezione del colore?
Lo strumento legge il valore esatto del pixel nel punto in cui clicchi, dandoti il colore preciso dall'immagine. Per i migliori risultati, ingrandisci l'area che vuoi campionare.
Posso scegliere più colori?
Sì! Ogni clic aggiunge un nuovo colore alla tua palette. Tutti i colori scelti vengono visualizzati con i loro valori HEX, RGB e HSL. Usa "Cancella tutto" per ricominciare.
How does the magnifier help with color picking?
The magnifier displays a zoomed-in view of the pixels around your cursor, showing each individual pixel clearly. This lets you pick the exact color you want, even from tiny details like 1-pixel borders, small text, or fine gradients. Without magnification, it's easy to accidentally pick an adjacent color.
How do I copy a color value?
Click on any color swatch in your picked palette to copy its HEX value to your clipboard. The HEX, RGB, and HSL values are all displayed for each color, so you can also manually select and copy the specific format you need for your project.
Can I use the color picker for web design work?
Absolutely! The color picker is ideal for web design. Extract colors from client brand materials, competitor sites, or design inspiration images. The HEX values can be pasted directly into CSS, and the RGB values work in design tools like Figma, Sketch, and Photoshop.
Can I check color contrast for accessibility?
While ImgLab's color picker doesn't calculate contrast ratios directly, you can use it to extract the exact HEX values of foreground text and background colors from any UI screenshot. Then paste those values into a dedicated contrast checker tool to verify WCAG 2.1 compliance (4.5:1 for normal text, 3:1 for large text).