Flowfiles ← Extracteur de Palette

Pipette de Couleur depuis Image en Ligne

Codes #rrggbb · Copie individuelle · Export de toute la palette

Déposez n'importe quelle image — photo, logo, capture d'écran ou illustration — et obtenez chaque couleur dominante sous forme de code hex en quelques secondes. Cliquez sur une pastille pour copier sa valeur #rrggbb, ou exportez la liste complète en un clic. L'outil fournit aussi les équivalents RGB et HSL pour chaque couleur.

Ouvrez l'extracteur et commencez immédiatement — sans compte, rien n'est stocké sur un serveur.

Ouvrir l'Extracteur de Palette →

Codes hex et quand les utiliser

La notation hex encode les canaux rouge, vert et bleu d'une couleur sous forme de deux chiffres hexadécimaux chacun, produisant une chaîne de six caractères préfixée de #. C'est le format couleur le plus largement supporté en CSS, dans les attributs HTML, et dans les outils de design comme Figma, Sketch ou Adobe XD. Les codes hex sont insensibles à la casse et peuvent être raccourcis à trois caractères quand les deux chiffres de chaque paire sont identiques — #aabbcc devient #abc. Pour ajouter de la transparence, convertissez en rgba() ou ajoutez un suffixe alpha de deux chiffres en hex à huit caractères (#rrggbbaa).

/* Équivalences hex / RGB / HSL */ #3a5a8c → rgb(58, 90, 140) → hsl(216, 42%, 39%) #f2c45a → rgb(242, 196, 90) → hsl(41, 87%, 65%) #1c1c2e → rgb(28, 28, 46) → hsl(240, 24%, 15%) /* Hex à huit caractères avec alpha */ #3a5a8ccc → rgba(58, 90, 140, 0.80)

Questions fréquentes

Quelle est la différence entre un code hex et un code RGB ?

Les codes hex encodent les mêmes valeurs RGB dans un format compact à six caractères. #3a5a8c est identique à rgb(58, 90, 140). Le hex est préféré en CSS et HTML car il est plus court ; le RGB est plus lisible en code quand on a besoin de manipuler les canaux individuellement.

Peut-on copier tous les codes hex en une seule fois ?

Oui. Après l'extraction, le bouton tout-copier place tous les codes hex dans le presse-papiers sous forme de liste séparée par des virgules ou des sauts de ligne selon le format d'export choisi. Les codes individuels peuvent aussi être copiés d'un clic sur chaque pastille.

Peut-on utiliser les codes hex extraits directement en HTML ?

Absolument. Les codes hex fonctionnent partout où une couleur CSS est acceptée — attributs style inline, règles de feuille de style, propriétés fill et stroke SVG. Il suffit de préfixer les six caractères d'un symbole # si ce n'est pas déjà inclus.

Outils associés