Extracteur de palette de couleurs

À quoi ça sert ?

Cet outil lit une image, échantillonne quelques milliers de pixels et les regroupe en 3–10 buckets de couleurs dominantes via un algorithme de median-cut écrit à la main. Le résultat est un petit ensemble de couleurs hex représentatives que vous pouvez utiliser comme amorce d'un design system, base d'un moodboard ou pour extraire rapidement les couleurs de marque d'un logo. Tout tourne dans votre navigateur ; l'image n'est jamais uploadée.

Quand l'utiliser

• Extraire les couleurs dominantes d'un logo pour construire un thème assorti.
• Amorcer une config Tailwind ou un bloc de CSS custom-properties depuis une image hero.
• Construire une palette moodboard à partir d'une photo ou d'une œuvre d'art.
• Vérifier que l'image hero du design et la couleur d'accent de la page sont en accord.

Comment fonctionne le median-cut

1. Sous-échantillonne l'image pour garder un nombre de pixels gérable.
2. Trouve l'axe le plus long du nuage de pixels (plage R, G ou B).
3. Tri sur cet axe, scinde à la médiane.
4. Récursion dans chaque moitié jusqu'à atteindre le nombre de buckets demandé.
5. Retourne la couleur moyenne de chaque bucket.

Pièges courants

• Les zones transparentes sont ignorées. Les pixels avec alpha < 50% ne contribuent pas — utile pour les logos sur fonds transparents.
• Photos avec une couleur dominante (par exemple une plage avec beaucoup de ciel bleu) donneront plusieurs nuances de cette couleur plutôt qu'une palette variée. Croppez sur une zone plus colorée si vous voulez du range.
• Median-cut est rapide mais pas parfait perceptuellement. Pour une qualité théorie des couleurs (complémentaires, analogues), il vous faudra encore un designer — l'algorithme choisit le plus fréquent, pas le plus esthétique.
• Le slider compte les buckets, pas les couleurs "importantes". Demander 10 sur un logo 2-couleurs vous donne 10 — mais beaucoup sont quasi-doublons.