Extracteur de Palette de Couleurs
Couleurs dominantes · Hex · RGB · HSL · Variables CSS · SCSS · JSON · SVG · PNG — 100% local, sans upload
Déposez une image et extrayez instantanément sa palette de couleurs grâce au clustering K-means++. Obtenez les codes hex, valeurs RGB, canaux HSL, noms de couleurs et pourcentages d'occupation. Exportez en propriétés CSS, variables SCSS, JSON, SVG ou image PNG. Tout s'exécute dans votre navigateur — votre image ne quitte jamais votre appareil.
Déposez une image ici ou cliquez pour parcourir
JPEG · PNG · WebP · GIF · BMP · Traitement local
Comment fonctionne l'extraction de palette
L'outil utilise le clustering K-means++ sur les couleurs de pixels de votre image. Après réduction à une taille de canvas gérable, il échantillonne les pixels et les regroupe en k clusters où les couleurs similaires sont rassemblées. Le centroïde de chaque cluster devient une couleur de la palette. Le pourcentage indique combien de pixels appartiennent à ce cluster — c'est une mesure directe de la dominance de cette couleur dans l'image.
Ajustez le curseur Couleurs (2–32) selon vos besoins. Utilisez Exclure les proches du blanc/noir pour filtrer les tons de fond, et Saturation min. pour vous concentrer sur les teintes vives uniquement.
Fonctionnalités
- Clustering K-means++ (précis)
- 2 à 32 couleurs configurables
- Qualité rapide / équilibrée / précise
- Tri par fréquence, teinte, luminosité, saturation
- Exclusion blanc / noir proches
- Filtre de saturation minimale
- Valeurs hex, RGB, HSL par couleur
- Nom automatique des couleurs
- Pourcentage de l'image par couleur
- Copie individuelle des codes hex
- Export propriétés CSS
- Export variables SCSS
- Export JSON de palette
- Export bande SVG
- Export image PNG
- 100% local — aucune donnée envoyée
Questions fréquentes
Combien de couleurs dois-je extraire ?
Pour une palette de marque ou un logo, 4 à 8 couleurs suffisent. Pour une photographie complexe, 12 à 16 donnent une représentation plus riche. Au-delà de 24, les couleurs tendent à se répéter ou se ressembler. Commencez par 8 et ajustez.
Pourquoi mes couleurs diffèrent-elles légèrement d'un échantillon pixel parfait ?
K-means calcule un centroïde moyen d'un cluster — il représente la couleur "typique" d'un groupe de pixels, pas un pixel unique. Le résultat est perceptuellement précis mais pas identique à un pixel donné. Utilisez un sélecteur de couleur dédié pour une valeur pixel exacte.
Comment utiliser l'export CSS dans mon projet ?
L'export CSS génère un bloc :root avec des propriétés personnalisées (--color-1, --color-2…). Collez-le dans votre feuille de style et référencez n'importe quelle couleur avec var(--color-1) partout dans votre CSS.
Puis-je extraire les couleurs d'un PNG transparent ?
Oui. Les pixels entièrement transparents (alpha < 128) sont automatiquement ignorés. L'extraction ne considère que les parties visibles de votre image.