À propos de l'outil Générateur de palette de couleurs
Le générateur de palette extrait les couleurs principales de n'importe quelle image et en fait une palette utilisable immédiatement. Il vous donne les valeurs HEX, RGB et HSL, les harmonies de couleurs correspondantes et du CSS prêt à coller.
Comment ça marche
L'image est échantillonnée et chaque pixel est traité comme un point dans l'espace des couleurs. Un algorithme de regroupement k-means rassemble les couleurs similaires et trouve le centre de chaque groupe, c'est-à-dire la couleur qui le représente le mieux. La palette est triée selon la part de l'image couverte par chaque couleur : les tons dominants apparaissent en premier.
À partir de n'importe quelle pastille, vous pouvez explorer des harmonies de couleurs fondées sur le cercle chromatique. La couleur complémentaire se trouve à l'opposé, les couleurs analogues sont ses voisines, et un ensemble triadique comprend trois couleurs régulièrement espacées sur le cercle. Vous pouvez aussi cliquer n'importe où sur l'image pour prélever le pixel exact sous votre curseur.
À quoi ça sert
- Design de marque et de site web : construisez une palette à partir d'un logo, d'une photo produit ou d'une planche d'inspiration.
- Visuels cohérents : choisissez des couleurs de texte et de boutons assorties à une image d'en-tête.
- Projets de décoration, de mode et d'art : capturez la palette d'une photo que vous aimez.
- Développeurs : copiez les propriétés personnalisées CSS directement dans une feuille de style ou des design tokens.
Conseils pour de meilleurs résultats
- Demandez 5 à 6 couleurs pour une palette d'interface exploitable. Prenez-en davantage pour capturer les nuances subtiles d'une photo.
- Les images avec de grands aplats (illustrations, logos) donnent des palettes très nettes. Les photos donnent des tons plus naturels et plus doux.
- Vérifiez le contraste des paires texte/arrière-plan. Une palette agréable à l'œil n'est pas toujours lisible.
- Téléchargez la palette en PNG pour la partager avec vos clients ou la garder dans vos fichiers de design.