$ tools/image-color-picker

Pipette de couleur sur image

Charge n'importe quelle image et choisis les couleurs exactes — hex, RGB, HSL et CMYK. Ou extrait auto la palette dominante. Clic pour copier, tourne dans ton navigateur.

Dépose une image ici
PNG, JPG, WebP ou GIF — ou colle depuis le presse-papier (⌘/Ctrl+V)
100% local · rien n'est uploadé
#000000
passe au-dessus de l'image…

$ Palette auto

couleurs
Charge une image, puis extrais ses couleurs dominantes.

# Couleur sélectionnée

Clique n'importe où sur l'image pour choisir une couleur.
HEXcopy
RGBcopy
HSLcopy
CMYKcopy

$ Palette enregistrée

Les couleurs choisies s'accumulent ici. Clique sur un échantillon pour copier son hex.

$ Comment choisir des couleurs depuis une image

  1. Dépose ton image dans la zone ci-dessus, choisis un fichier, ou colle direct depuis ton presse-papier. Tout se passe localement dans ton navigateur — l'image n'est jamais uploadée.
  2. Bouge ton curseur sur l'image. La loupe montre un zoom au pixel près et le code hex en direct pour que tu tombes sur l'endroit exact que tu veux.
  3. Clique pour choisir. La couleur apparaît à droite en Hex, RGB, HSL et CMYK. Clique sur n'importe quelle valeur pour la copier instantanément.
  4. Continue à cliquer pour construire une palette. Les couleurs enregistrées s'accumulent en dessous — copie-les toutes d'un coup, ou prends un seul hex en un clic.

Pourquoi tirer les couleurs direct d'une image ?

Quand tu conçois la fiche store d'une app, un feature graphic ou une icône, tes captures portent déjà une histoire de couleurs. Échantillonner les vrais pixels — le bleu de ta marque, l'accent dans ton UI, le ton exact d'arrière-plan — garde tout cohérent au lieu de juger à l'œil. Fais matcher les légendes, arrière-plans et cadres de tes captures avec des couleurs qui sont vraiment dans ton produit.

Hex, RGB, HSL ou CMYK — lequel j'utilise ?

Hex et RGB sont pour les écrans : UIs d'app, assets de store, sites web. HSL est le plus convivial pour les ajustements — pousse la luminosité ou la saturation sans deviner. CMYK ne compte que si quelque chose va à l'impression, comme une carte promo physique. Cet outil te donne les quatre pour chaque pixel pour ne jamais avoir à convertir à la main.

$ FAQ

Mon image est-elle uploadée à un serveur ?

Non. Le sélecteur lit les pixels directement dans ton navigateur via un canvas. Ton image ne quitte jamais ton appareil, ce qui le rend aussi rapide et privé.

Quels formats d'image marchent ?

Tout ce que ton navigateur peut afficher — PNG, JPG, WebP, GIF, BMP et la plupart des autres. Tu peux aussi coller une image depuis ton presse-papier avec ⌘/Ctrl+V.

Puis-je choisir plus d'une couleur ?

Oui. Chaque clic ajoute la couleur à ta palette enregistrée en dessous. Tu peux copier toute la liste de codes hex d'un coup, ce qui est pratique pour balancer une palette dans ton fichier de design.

À quel point la couleur choisie est précise ?

Elle lit le pixel exact sous ton curseur, donc c'est précis au pixel. La loupe t'aide à tomber sur l'endroit précis, surtout sur des images chargées ou détaillées.

Ça marche sur mobile ?

Oui. Tape sur l'image pour choisir une couleur au lieu de survoler. La valeur choisie et la palette se comportent pareil.

Explore les couleurs en profondeur

Tu as choisi une couleur que tu aimes ? Creuse ses teintes, nuances, harmonies, contraste et signification sur nos pages couleur.

LaunchShots te plaît ?
Gratuit pour toujours — si ça t'a fait gagner du temps, tu peux m'offrir un café.
Soutenir →
copié ✓