Générez une palette de couleurs à partir d’une photo : 8 couleurs par défaut, réglables de 5 à 12, chacune avec sa part de l’image. Copiez une nuance ou exportez l’ensemble en variables CSS, JSON ou PNG pour vos planches d’ambiance et votre identité visuelle.
Mode d’emploi
- Ouvrez une image, déposez-la sur la carte ou collez une capture avec Ctrl+V. Une image d’exemple est affichée en attendant.
- Survolez l’image pour voir la loupe, puis cliquez pour prélever ce pixel. Sur mobile, gardez le doigt sur l’image, glissez jusqu’à ce que la loupe montre le bon pixel et relâchez.
- Touchez HEX, RGB ou HSL pour copier la couleur. Les derniers prélèvements restent à côté du grand aperçu.
- La palette se met à jour seule. Choisissez de 5 à 12 couleurs et la méthode, touchez une pastille pour la copier, puis exportez la palette en CSS, JSON ou PNG.
- K-means regroupe les couleurs proches et donne en général la palette la plus naturelle. La coupe médiane découpe la gamme de couleurs à parts égales et garde les petites couleurs d’accent.
- La couleur dominante est le plus grand groupe de la palette. La moyenne porte sur tous les pixels visibles, c’est donc souvent un ton assez terne.
- Les grandes images sont ramenées à 2 400 pixels sur le grand côté pour le prélèvement, ce qui garde les aplats exacts. Les pixels transparents sont ignorés.
- L’image reste dans votre navigateur. Rien n’est envoyé.
Viser un pixel précis
Survolez l’image pour afficher la loupe, puis cliquez. Sur écran tactile, gardez le doigt appuyé, glissez jusqu’à ce que la loupe montre le bon pixel et relâchez. Les grandes images sont ramenées à 2400 px sur le grand côté pour la sélection, ce qui garde exacts les aplats des logos et interfaces. Une photo comporte du bruit : deux pixels voisins d’un ciel peuvent légèrement différer, la palette donne alors une couleur plus représentative.
Comment la palette est calculée
K-means regroupe les couleurs proches et donne en général la palette la plus naturelle pour une photo. Median cut découpe la gamme de couleurs de façon égale et garde les petites couleurs d’accent, utile pour les illustrations et visuels de marque. Chaque nuance affiche sa part de l’image.
La couleur dominante est le plus grand groupe. La moyenne mélange tous les pixels visibles : c’est souvent un ton terne absent de l’image. Les pixels entièrement transparents sont ignorés.
Utiliser les codes
Le HEX (#1e88e5) est le format courant en CSS, dans les outils de design et les chartes graphiques ; le RVB exprime la même couleur en rouge, vert et bleu de 0 à 255 ; le HSL décrit teinte, saturation et luminosité, pratique pour dériver des variantes plus claires ou plus foncées. Exportez la palette en variables CSS, en JSON ou en nuancier PNG.
Questions fréquentes
Comment trouver le code couleur d’un élément d’une image ?
Ouvrez l’image, placez la loupe sur l’endroit voulu et cliquez ou relâchez le doigt. Les codes HEX, RVB et HSL s’affichent à côté de l’échantillon et se copient d’un toucher.
Puis-je prélever une couleur dans une capture d’écran ?
Oui. Collez la capture avec Ctrl+V ou déposez le fichier. Les captures sont idéales, car leurs couleurs ne subissent pas le bruit d’un appareil photo.
Pourquoi la couleur relevée diffère-t-elle un peu de celle de la marque ?
La compression JPEG et le traitement de l’appareil modifient légèrement les valeurs. Pour un logo, utilisez si possible le PNG ou SVG d’origine, ou comparez quelques pixels voisins.
Quelle différence entre couleur dominante et moyenne ?
La dominante est le plus grand groupe de pixels similaires. La moyenne mélange tous les pixels : une image rouge et bleue donne un violet qui n’y figure peut-être nulle part.
Combien de couleurs la palette peut-elle compter ?
De 5 à 12. Peu de couleurs montrent le thème principal ; davantage font aussi ressortir les petites touches.
Mon image est-elle envoyée ?
Non. L’image est lue et analysée dans votre navigateur et n’est envoyée nulle part.