Palette de couleurs d'une image

Comment extraire la palette de couleurs d’une image

1. Déposez une image dans la zone prévue, ou cliquez dessus pour choisir un fichier. Les formats JPG, PNG, WebP, GIF, et tout autre format que votre navigateur sait afficher, conviennent.
2. L’outil analyse aussitôt l’image et affiche ses Couleurs dominantes, de la plus présente à la moins présente.
3. Réglez le Nombre de couleurs (de 3 à 12) pour une palette plus large ou plus resserrée. Décochez Ignorer les pixels blancs et presque blancs si le blanc compte dans votre image, par exemple pour un produit blanc ou un paysage enneigé.
4. Copiez une couleur avec le bouton Copier sous sa pastille, ou choisissez un format dans Exporter en (Liste HEX, Variables CSS, Variables SCSS, Tableau JSON ou Couleurs Tailwind), puis cliquez sur Copier ou Télécharger pour toute la palette. Le bouton Extraire les couleurs relance l’analyse.

Votre image est lue localement par votre navigateur. Elle n’est jamais envoyée sur un serveur.

Comment les couleurs dominantes sont trouvées

L’image est d’abord dessinée sur un canevas invisible, réduite pour que son plus grand côté ne dépasse pas 512 pixels. L’analyse reste ainsi rapide sans modifier l’allure générale des couleurs. Les pixels sont ensuite regroupés par un algorithme de quantification (la coupe médiane modifiée de la bibliothèque libre Color Thief) qui travaille dans l’espace OKLCH : des couleurs proches à l’œil se retrouvent dans le même groupe.

Chaque groupe devient une couleur de la palette, et le pourcentage sous chaque pastille indique sa part des pixels analysés. La barre au-dessus des pastilles montre ces proportions d’un coup d’œil. Les pixels transparents sont ignorés, de même que les pixels blancs et presque blancs tant que l’option est cochée : sans cela, les fonds blancs domineraient la plupart des photos de produits et des captures d’écran.

Chaque pastille affiche son code HEX en noir ou en blanc, selon ce qui se lit le mieux : l’étiquette reste lisible sur les couleurs claires comme sur les foncées.

Idées d’utilisation

• Identité visuelle et web design : bâtir le thème d’un site à partir d’une photo d’en-tête ou d’un logo, pour que l’interface s’accorde à l’image.
• Présentations et réseaux sociaux : choisir des couleurs de texte et de fond assorties à une image de couverture.
• Décoration, mode et arts : saisir l’ambiance d’une photo, d’un tableau ou d’un échantillon de tissu.
• Visualisation de données : reprendre dans les graphiques les couleurs d’une illustration du même rapport.

Les couleurs extraites sont des moyennes de nombreux pixels : elles peuvent paraître un peu moins vives que le point le plus saturé de la photo. Pour la couleur exacte d’un pixel précis, utilisez plutôt une pipette sur image.