Extracteur de couleurs d'image
Extrayez les couleurs dominantes et les palettes de n'importe quelle image.
Transformer n'importe quelle image en palette utilisable
Aperçu
Un extracteur de couleurs d'image analyse une photo et renvoie ses couleurs dominantes sous forme de codes prêts à l'emploi — HEX, RGB et HSL — pour le design et l'image de marque. Prélever les couleurs une à une à la pipette est lent et passe à côté de celles qui définissent vraiment l'ambiance d'une image. Cet outil échantillonne toute l'image et la regroupe en une palette représentative dans votre navigateur, sans rien téléverser, donc même des photos produit inédites ou des actifs de marque privés restent sur votre appareil.
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
Les couleurs dominantes et d'accent apparaissent avec leurs valeurs HEX, RGB et HSL.
- 3
Copiez les codes nécessaires
Cliquez sur un échantillon pour copier son code, puis collez-le dans votre CSS, votre outil de design ou votre charte.
Comment ça marche
L'image est dessinée sur un canvas et lue en données de pixels RVB brutes. Un algorithme de regroupement regroupe des millions de pixels en un petit ensemble de couleurs représentatives, pondérées par leur fréquence, produisant la palette dominante plus des couleurs d'accent. Chaque échantillon est présenté avec des valeurs HEX, RGB et HSL que vous pouvez copier directement. Tout le traitement se fait localement sur les pixels, donc l'image d'origine n'est jamais transmise.
Quand l'utiliser
Construire un thème de site ou de présentation en harmonie avec une photo choisie. Extraire les couleurs exactes 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 depuis une photo produit. Accorder un dégradé CSS ou les couleurs d'un graphique aux tons d'une image.
Questions Fréquentes
Ce sont trois façons d'écrire la même couleur. HEX (#3b82f6) est compact et courant dans CSS/les outils de design. RGB liste les canaux rouge/vert/bleu. HSL (teinte, saturation, luminosité) est le plus simple pour créer des teintes et des nuances à la main.