Comment utiliser Pipette de couleur depuis une image
- 1
Ouvrez une image
Déposez, choisissez ou collez une capture d’écran, une photo ou un logo de 25 Mo maximum, au format JPG, PNG, WebP, AVIF, HEIC, GIF ou SVG.
- 2
Visez avec la loupe
Survolez l’image ou faites glisser le pointeur dessus : une loupe de 11 × 11 pixels affiche le pixel exact sous le réticule, avec son code HEX.
- 3
Cliquez pour choisir
Obtenez les valeurs HEX, RGB, HSL et OKLCH, chacune avec son propre bouton de copie. Les touches fléchées déplacent le réticule et Entrée valide le choix.
- 4
Récupérez la palette
Choisissez de 5 à 12 couleurs dominantes et copiez-les en variables CSS, en JSON ou en bloc de thème Tailwind.
Limites et Pro
Une image à la fois, jusqu’à 25 Mo, avec un nombre illimité de sélections, 5 à 12 couleurs de palette et un historique de 24 couleurs.
Avec Pro, vous pouvez analyser des images allant jusqu’à 4 Go. Découvrir Pro
À propos de Pipette de couleur depuis une image
Ce sélecteur de couleur lit la valeur exacte de n’importe quel pixel d’une image et transforme l’image entière en palette. Chaque sélection donne la couleur dans quatre notations : HEX pour les outils de design, rgb() et hsl() pour le CSS, et oklch() pour le travail moderne sur les couleurs en CSS, où la luminosité et la chroma se comportent comme l’œil s’y attend. Les couleurs choisies sont ajoutées à un historique des 24 dernières, conservé dans ce navigateur pour les retrouver la prochaine fois ; dans Chrome et Edge sur ordinateur, « Choisir à l’écran » permet aussi de prélever une couleur en dehors de la page grâce à la pipette du navigateur.
La palette est calculée par regroupement k-means dans l’espace colorimétrique OKLab, sur une copie de l’image réduite à 200 pixels maximum sur son plus grand côté. Les groupes similaires sont fusionnés, les pixels transparents sont ignorés et les couleurs sont triées selon la part de l’image qu’elles couvrent, cette part étant indiquée sur chaque pastille. La même image produit toujours la même palette.
Les designers l’utilisent pour retrouver la couleur d’une marque à partir d’un logo, créer un thème à partir d’une photo, vérifier la couleur exacte d’un bouton dans une capture d’écran ou composer un moodboard. Les valeurs sont en sRGB standard, telles que votre navigateur affiche l’image : un artefact JPG ou une source à gamut étendu peut donc décaler une couleur de quelques unités par rapport au fichier de design d’origine. Les pixels semi-transparents donnent leur couleur sans la transparence, et l’outil ne nomme pas les couleurs et ne vérifie pas les rapports de contraste.
Confidentialité
L’image est décodée et analysée dans cet onglet, et le regroupement de la palette s’exécute dans un petit Web Worker créé après l’ouverture de l’image ; rien n’est envoyé. Votre historique de couleurs est enregistré uniquement dans le stockage local de ce navigateur, et « Choisir à l’écran » utilise la pipette intégrée à votre navigateur, qui ne transmet à cette page que la couleur choisie, rien d’autre.
Fonctionnalités
Loupe au pixel près
Une loupe de 11 × 11 pixels, ajustable au clavier, pour des sélections précises à la souris comme au doigt.
Palette dominante
De 5 à 12 couleurs par k-means dans OKLab, triées selon leur part dans l’image.
Exports pour développeurs
Valeurs HEX, RGB, HSL et OKLCH, plus variables CSS, JSON ou bloc @theme Tailwind.
Historique des couleurs
Vos 24 dernières couleurs restent dans ce navigateur, prêtes à être copiées sous forme de liste.