Extracteur de palette d’image
Déposez une image et obtenez ses couleurs dominantes — HEX, RGB et la part de l’image couverte par chacune.
Extraction…
Déposez une image et ses couleurs reviennent en palette.
Mode d’emploi
- Déposez une image sur la carte, collez-la avec ⌘V ou appuyez sur « Choisir une image ». Une palette HEX, RGB et part de pixels apparaît immédiatement — aucun bouton à presser et rien n’est envoyé.
- Choisissez le nombre de couleurs (6, 8 ou 16) et le tri par dominance ou par teinte. La palette se met à jour dès que vous changez l’un ou l’autre, sans redécodage.
- Appuyez sur « Copier » sur un échantillon pour prendre cette couleur, ou sur « Copier en CSS » / « Copier en JSON » pour toute la palette. « Télécharger le JSON » / « Télécharger le texte » l’enregistrent dans un fichier. Votre original n’est jamais modifié.
Exemple
Image d’exemple (chargée avec « Charger l’exemple »)
ykit-palette-en.jpg 1200 × 800 · 53.4 KB · dégradé + texte
Palette de 8 couleurs
#235695 rgb(35, 86, 149) 12.5% #3834BE rgb(56, 52, 190) 12.5% #4355A5 rgb(67, 85, 165) 12.5% … 5 de plus
Ce sont les résultats réels de la découpe médiane sur l’image d’exemple anglaise (2026-10-27, Chromium). Le texte de l’exemple est dessiné dans la langue de la page, les exemples chinois et arabe diffèrent donc légèrement en octets et en couleurs au milieu du dégradé. Les pourcentages décrivent l’image sous-échantillonnée à 200 px et sont arrondis à une décimale — l’outil le dit au lieu de simuler une précision au pixel.
Règles, limites et problèmes connus
- Rien n’est envoyé : l’image est lue, sous-échantillonnée et analysée dans cet onglet, et la page n’envoie aucune requête réseau. Votre fichier d’origine est seulement lu, jamais modifié.
- La part de pixels est mesurée sur l’image sous-échantillonnée (200 px sur le plus grand côté) et arrondie à une décimale ; ce n’est pas un comptage de chaque pixel d’origine. À cause de l’arrondi, les pourcentages peuvent ne pas totaliser exactement 100.
- Les pixels transparents (alpha inférieur à 50 %) sont ignorés : ils ne portent aucune couleur, les inclure ne ferait que polluer la palette. Une image entièrement transparente indique « aucun pixel visible » au lieu d’inventer une couleur.
- Jusqu’à 20 Mo et 16 mégapixels par image, refusés avant décodage pour qu’un fichier énorme ne paralyse pas l’onglet. L’image est sous-échantillonnée à 200 px sur le plus grand côté avant lecture des pixels, ce qui accélère l’extraction mais lisse légèrement les fins détails de couleur.
- Il n’y a pas de bouton « extraire » ni de pipette exacte : cet outil donne la palette dominante, pas la couleur précise sous le curseur, et il ne juge pas si les couleurs sont harmonieuses.
- Une seule image à la fois. Il n’y a ni historique ni lien de partage au-delà de l’URL propre de la page — rien n’est stocké, un rechargement repart de zéro.
Outils associés
Ce dont on a généralement besoin ensuite, une fois les couleurs obtenues.