Extracteur de couleurs
Extrayez les couleurs des images et générez des palettes de design.
Extraire une palette de couleurs de n'importe quelle image
Aperçu
Un extracteur de couleurs analyse une image et renvoie ses couleurs dominantes sous forme de palette utilisable : des codes hex directement exploitables dans un design. Que ce soit pour accorder une marque à une photo, créer un moodboard ou thématiser un site autour d'une image principale, prélever les couleurs à la main à la pipette est lent et imprécis. Cet outil échantillonne toute l'image et regroupe ses pixels dans les quelques couleurs qui définissent réellement son apparence, le tout traité dans votre navigateur.
Comment utiliser (étape par étape)
- 1
Déposez une image
Photos, logos, captures ou illustrations, tout fonctionne. Plus la résolution est élevée, plus la palette est représentative.
- 2
Examinez la palette extraite
Les couleurs dominantes et d'accent apparaissent avec leurs valeurs hex et RVB.
- 3
Copiez les codes nécessaires
Cliquez sur un échantillon pour copier son hex. Reportez les valeurs dans votre CSS, votre outil de design ou votre charte.
Comment ça marche
L'image est dessinée sur un canvas et ses pixels sont lus en valeurs RVB. Un algorithme de regroupement (de type median-cut ou k-means) regroupe des millions de pixels en un ensemble de couleurs représentatives, pondérées par leur fréquence. Le résultat est la palette dominante plus des couleurs d'accent, chacune avec son code hex et RVB prêt à copier. Comme il traite les pixels bruts localement, l'image d'origine n'est jamais téléversée.
Quand l'utiliser
Construire un thème de site ou de présentation en harmonie avec une photo choisie. Extraire les couleurs de marque d'un logo. Créer une palette coordonnée pour une illustration ou une maquette d'UI. Générer des moodboards à partir de photos d'inspiration. Choisir des combinaisons texte/fond accessibles à partir d'une photo produit. Accorder un dégradé CSS aux tons d'une image principale.
Questions Fréquentes
En général les quelques couleurs dominantes plus quelques accents : assez pour une palette utilisable sans surcharge. Une photo aux dégradés subtils se regroupe en moins de tons qu'un graphique à aplats.