À propos : Pipette couleur image
Cette pipette en ligne donne le code exact des couleurs d’une image. Elle est utile pour reprendre la couleur d’une marque sur un logo ou une capture de site, ou pour créer une palette à partir d’une photo dont vous aimez les tons. La loupe permet de viser au pixel près, et sur téléphone elle apparaît au-dessus du doigt lorsque vous le faites glisser, pour ne pas être masquée.
L’image est traitée uniquement dans votre navigateur et n’est pas envoyée sur un serveur.
Mode d’emploi
- Déposez une image dans le cadre ci-dessus ou touchez-le pour la choisir. Une capture d’écran peut être collée directement avec Ctrl+V.
- Touchez le point voulu sur l’image. La loupe vous aide à viser précisément.
- Touchez Copier à côté du code HEX, RGB ou HSL pour le coller dans votre outil de design ou votre CSS.
- La palette des couleurs dominantes en bas montre les principales couleurs de l’image et leur proportion ; touchez une couleur pour la copier.
Lire un code couleur
| Format | Exemple | Signification |
|---|---|---|
| HEX | #4F46E5 | Rouge, vert, bleu en deux chiffres hexadécimaux chacun (web, Figma) |
| RGB | rgb(79, 70, 229) | Rouge, vert, bleu de 0 à 255 (Photoshop, PowerPoint) |
| HSL | hsl(243, 75%, 59%) | Teinte, saturation, luminosité (pour décliner une couleur en CSS) |
Comment la palette est-elle calculée ?
L’image est réduite, puis les couleurs proches sont regroupées par la méthode des k-moyennes (k-means) pour trouver jusqu’à 8 couleurs qui couvrent la plus grande surface. Le chiffre sous chaque couleur indique la part de l’image occupée par ce groupe. Une même image donne toujours la même palette.
Dans une photo JPG, la compression fait légèrement varier la valeur des pixels, même dans une zone unie. Pour relever exactement la couleur d’un logo, utilisez le PNG d’origine ou visez le centre d’une zone avec la loupe.
Questions fréquentes
La couleur affichée diffère un peu du code.
Les réglages de l’écran, le mode sombre ou le profil colorimétrique de l’image peuvent modifier légèrement la couleur perçue. Le code extrait correspond exactement à la valeur du pixel enregistrée dans le fichier.
Je veux relever une couleur sur un site web.
Faites une capture de l’écran voulu (Windows : Win+Maj+S, Mac : Cmd+Maj+4), collez-la sur cette page avec Ctrl+V et touchez le point souhaité.
Où sont enregistrées les couleurs récentes ?
Les 12 dernières couleurs choisies sont enregistrées uniquement dans ce navigateur et restent disponibles lors de votre prochaine visite. L’image, elle, n’est pas enregistrée.
Et les zones transparentes ?
Les pixels transparents sont exclus du calcul de la palette. Si vous touchez une zone transparente, elle peut s’afficher en noir (#000000), faute d’information de couleur.