Palette de couleurs à partir d’une image
Extrayez les couleurs dominantes d’une photo par regroupement k-means, voyez la part de chacune et copiez les codes HEX, variables CSS ou JSON.
S'exécute entièrement dans votre navigateur. Vos données ne sont jamais envoyées.
Qu'est-ce que Palette de couleurs d’image ?
Cet outil trouve les couleurs principales d’une image et les présente sous forme de palette, triées selon la part de l’image qu’elles couvrent. Choisissez entre 2 et 12 couleurs et copiez-les en codes HEX, propriétés personnalisées CSS ou JSON avec valeurs RGB et pourcentages.
Comment utiliser Palette de couleurs d’image
- Déposez, choisissez ou collez une image.
- Sélectionnez le Nombre de couleurs.
- Lisez la barre de palette et la liste avec HEX, RGB et pourcentage pour chaque couleur.
- Copiez un code HEX isolé, ou utilisez Copier en variables CSS, Copier en JSON ou Copier la liste HEX.
Exemple
Image 40×20 divisée en quarts rouge, vert, bleu et blanc, 4 couleurs
#FF0000 25 %, #00FF00 25 %, #0000FF 25 %, #FFFFFF 25 %
Quand utiliser Palette de couleurs d’image
Utilisez-le pour bâtir un schéma de couleurs à partir d’une photo ou d’une œuvre, accorder le thème d’un site à une image d’en-tête ou analyser les visuels d’une marque. Les moyennes de groupe peuvent différer légèrement de n’importe quel pixel isolé ; pour lire la couleur exacte d’un pixel, utilisez la pipette de couleur d’image.
Comment fonctionne Palette de couleurs d’image
L’image est réduite à 256 px au maximum sur son plus grand côté et les pixels entièrement transparents sont ignorés. Les pixels restants sont regroupés par k-means dans l’espace RVB : les centres initiaux sont choisis de façon déterministe (le pixel le plus proche de la couleur moyenne, puis à répétition le pixel le plus éloigné de tous les centres choisis), et jusqu’à 12 itérations réaffectent les pixels et déplacent chaque centre vers la moyenne de son groupe. Chaque couleur de la palette est la moyenne d’un groupe ; son pourcentage est la part de pixels de ce groupe.
Cas d'utilisation courants
- Créer un thème de couleurs de site web à partir d’une photo d’en-tête.
- Extraire les couleurs d’une marque d’après un logo ou une photo de produit.
- Générer des variables CSS pour le moodboard d’un design system.
- Comparer l’équilibre des couleurs de différentes images.
Note de Sécurité
Les images sont décodées, traitées et encodées localement dans votre navigateur avec l’API Canvas. Rien n’est envoyé à un serveur.
Questions Fréquentes
Pourquoi les couleurs diffèrent-elles légèrement de l’image ?
Chaque couleur de la palette est la moyenne d’un groupe de pixels proches : elle peut donc ne correspondre exactement à aucun pixel, surtout dans les photos avec dégradés.
Obtiendrai-je la même palette à chaque fois ?
Oui. L’algorithme utilise une initialisation déterministe : la même image et le même nombre de couleurs donnent toujours la même palette.
Les pixels transparents sont-ils comptés ?
Non. Les pixels d’opacité inférieure à 50 % sont ignorés : un logo sur fond transparent ne donne donc que les couleurs du logo.