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.

Sélecteur de Couleur d'Image – Choisissez des Couleurs de N'importe Quelle Image

Image Color Picker – Upload & Pick Colors

Téléchargez une image, zoomez sur n'importe quel pixel et obtenez instantanément HEX, RGB, HSL et plus. Tout est traité localement dans votre navigateur.

drag & drop•Ctrl + V pour coller•

Ou testez instantanément avec des images d'exemple :

🔒 Tout est traité localement dans votre navigateur. Aucun stockage côté serveur.

#171717

Couleur CSS la plus proche: Black

HEX#171717

RGBrgb(23, 23, 23)

HSLhsl(0, 0%, 9%)

Propriétés de la Couleur:Hue: 0° (Red)Saturation: 0%Lightness: 9%Neutral

Vérificateur de Contraste WCAGWCAG 2.1

Calcule les ratios de contraste d'accessibilité pour la couleur de fond sélectionnée contre le blanc et le noir.

Best: White (18.2 : 1)

Texte Blanc (#FFFFFF)18.20 : 1

Aperçu du titre large (18pt / 24px)

Aperçu du texte de corps standard de 14px. Le ratio de contraste détermine la lisibilité pour les utilisateurs avec une vision réduite.

AA Normal

AA Large

AAA Normal

AAA Large

Texte Noir (#000000)1.15 : 1

Aperçu du titre large (18pt / 24px)

Aperçu du texte de corps standard de 14px. Le ratio de contraste détermine la lisibilité pour les utilisateurs avec une vision réduite.

AA Normal

AA Large

AAA Normal

AAA Large

Harmonies de Couleur

Palettes harmoniques dérivées mathématiquement de la couleur active. Cliquez sur n'importe quel échantillon pour la sélectionner.

Palette d'Image Extraite

Dérive une palette de couleurs authentique de votre image téléchargée en utilisant la quantification de couleur côté client.

Couleurs:

Options d'Exportation:

Historique des Couleurs Récentes0

Enregistré localement dans le stockage de votre navigateur. Jamais envoyé à un serveur.

Aucune couleur sélectionnée pour le moment. Cliquez n'importe où sur l'enregistrer des couleurs ici.

Guide Utilisateur et Référence

Tout Ce Que Vous Devez Savoir sur la Sélection de Couleur d'Image

Un guide complet des espaces colorimétriques, de l'échantillonnage de précision, de l'accessibilité du contraste et du traitement côté client.

1Comment Choisir une Couleur de N'importe Quelle Image

1. Chargez Votre ImageDrag 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. Zoomez et ÉchantillonnezUse 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. Copiez et ExportezInstantly 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.

2Comprendre l'Échantillonnage de Couleur d'Image (1×1 vs 3×3 vs 5×5)

Dans les images numériques, les pixels individuels varient souvent légèrement en raison de la compression JPEG avec perte, de l'anticrénelage autour des bords vectoriels ou du bruit naturel du capteur de l'appareil photo. Les modes d'échantillonnage vous donnent un contrôle total sur la mesure des couleurs des pixels :

1×1 Pixel Unique (Échantillonnage Ponctuel)

Lit la couleur RGB exacte du seul pixel sous le curseur. Idéal pour les maquettes d'interfaces planes, les illustrations vectorielles, l'art pixel et les logos numériques où les bords sont nets et les régions de couleur uniformes.

Moyennes de Zone 3×3 et 5×5

Échantillonne une matrice carrée (9 ou 25 pixels) centrée sur votre curseur et calcule la couleur représentative. La Moyenne calcule la moyenne arithmétique sur les canaux de couleur, tandis que la Médiane filtre le bruit et le grain. Idéal pour les photographies et les matériaux texturés.

3Espaces et Modèles de Couleur Comparés

Format	Exemple	Cas d'Utilisation Principal
HEX	#0070F3	Design web universel, HTML, feuilles de style CSS, jetons d'interface.
RGB	rgb(0, 112, 243)	Matériel d'affichage écran, APIs Canvas, manipulation de l'opacité CSS rgba().
HSL	hsl(212, 100%, 48%)	Ajustements intuitifs pour les humains : ajustez facilement la luminosité ou la saturation sans changer la teinte.
HSV / HSB	hsv(212, 100%, 95%)	Sélecteurs de couleur Figma, Sketch, Adobe Photoshop.
OKLCH	oklch(0.58 0.22 254.2)	Standard moderne CSS Color 4 avec uniformité perceptuelle en luminosité et chromaticité.
CMYK	cmyk(100%, 54%, 0%, 5%)	Production d'impression offset commerciale et numérique physique.

🔒Politique de Confidentialité – Sélecteur de Couleur d'Image

Contrairement à de nombreux sélecteurs de couleur en ligne qui téléchargent vos images personnelles sur des serveurs distants, Image Color Picker traite 100% de vos données directement dans votre navigateur en utilisant l'API Canvas HTML5 native et les TypedArrays JavaScript.

Vos images ne quittent jamais votre ordinateur ou smartphone local.
Pas de comptes utilisateur, de jetons de suivi ou de bases de données côté serveur.
Fonctionne complètement hors ligne une fois la page chargée dans votre navigateur.

Choisissez N'importe Quelle Couleur de N'importe Quelle Image.