Sélecteur de Couleur d'Image Gratuit
Extrayez les couleurs de n'importe quelle image. Obtenez les valeurs HEX, RGB et HSL. Gratuit, rapide et fonctionne entièrement dans votre navigateur sans inscription.
Mis à jour le
Color Picker
Pick colors visually, extract from images, generate palettes and gradients, check contrast, and convert between HEX, RGB, HSL, HSV, CMYK, and LAB.
Visual Picker
Color Palette
Contrast Checker (WCAG)
Color Blindness Simulation
Normal Vision
#3B82F6
Protanopia
no red
Deuteranopia
no green
Tritanopia
no blue
Achromatopsia
no color
Color Values
#3B82F6rgb(59, 130, 246)hsl(217, 91%, 60%)hsv(217, 76%, 96%)cmyk(76%, 47%, 0%, 4%)lab(55.63, 17.54, -64.42)Recent Colors
No recent colors yet
Saved (0)
Click "Add" to save the current color
About Color Picker
- Visual HSB color picker with gradient square
- 6 formats: HEX, RGB, HSL, HSV, CMYK, LAB
- Real-time format conversion
- Auto-detect any color input format
- Eyedropper tool (pick from screen or images)
- Palette: complementary, analogous, triadic, tetradic, split-complementary
- CSS gradient generator with presets
- WCAG AA/AAA contrast checker with custom backgrounds
- Color blindness simulation (4 types)
- 148 CSS named colors reference
- Saved colors persisted to localStorage
- Recent colors history (stored locally)
- Export palettes as CSS, SCSS, JSON, Tailwind, or PNG
- CSS code snippets for every property
- Live preview with background, text, and border demos
- Extract dominant colors from uploaded images
Questions Fréquentes
Qu'est-ce que le Sélecteur de Couleur d'Image ?
Le Sélecteur de Couleur d'Image est un outil en ligne gratuit qui extrait les couleurs de n'importe quelle image en fournissant les valeurs exactes en HEX, RGB et HSL.
Le Sélecteur de Couleur d'Image est-il gratuit ?
Oui, il est entièrement gratuit et ne nécessite aucune inscription. Tout le traitement se fait côté client, dans votre navigateur.
Quels formats de couleur prend-il en charge ?
Le Sélecteur de Couleur d'Image fournit les valeurs de couleur aux formats HEX, RGB et HSL, prêtes à être utilisées dans vos projets de design ou de code.
Mes données sont-elles en sécurité avec cet outil ?
Absolument. Le Sélecteur de Couleur d'Image traite tout côté client, dans votre navigateur. Aucune donnée n'est envoyée ni stockée sur un serveur. Votre contenu reste privé sur votre appareil à tout moment.
Le Sélecteur de Couleur d'Image fonctionne-t-il sur mobile ?
Oui, le Sélecteur de Couleur d'Image est entièrement responsive et fonctionne sur smartphones et tablettes. Vous pouvez l'utiliser sur n'importe quel appareil doté d'un navigateur web moderne, sans aucune application à télécharger.
Dois-je créer un compte pour utiliser cet outil ?
Aucun compte ni inscription n'est nécessaire. Ouvrez simplement le Sélecteur de Couleur d'Image dans votre navigateur et commencez à l'utiliser immédiatement. Il n'y a ni barrière d'inscription ni restriction d'usage.
Comment utiliser le Sélecteur de Couleur d'Image ?
Saisissez simplement votre contenu dans le champ prévu, ajustez les paramètres selon vos préférences et l'outil le traitera instantanément. Vous pouvez ensuite copier le résultat dans le presse-papiers ou le télécharger.
Quels navigateurs sont pris en charge ?
Le Sélecteur de Couleur d'Image fonctionne sur tous les navigateurs modernes, dont Chrome, Firefox, Safari, Edge et Opera. Pour une expérience optimale, utilisez la dernière version de votre navigateur préféré.
Quelle est la différence entre les valeurs de couleur HEX, RGB et HSL ?
Elles décrivent la même couleur selon des notations différentes. Le HEX est la forme à six chiffres #RRGGBB utilisée en CSS et dans la plupart des outils web, où chaque paire de chiffres représente un canal rouge, vert ou bleu en base 16. Le RGB écrit ces trois mêmes canaux sous forme de nombres de 0 à 255, correspondant à la façon dont les écrans émettent réellement la lumière. Le HSL utilise plutôt la teinte (un angle sur le cercle chromatique), la saturation et la luminosité, ce qui rend beaucoup plus simple le fait d'éclaircir ou de rendre une teinte plus vive sans avoir à recalculer les canaux. Aucune notation n'est plus « correcte » qu'une autre — on choisit celle attendue par le contexte : HEX pour les feuilles de style, RGB pour de nombreux logiciels de design, HSL quand on ajuste des tons à la main. Cliquez sur n'importe quel point de votre image ici et le sélecteur affiche les trois formats à la fois, pour que vous puissiez copier celui dont votre projet a besoin.
Pourquoi la valeur CMJN d'un sélecteur de couleur d'image n'est-elle qu'une approximation ?
Le CMJN décrit des pourcentages d'encre cyan, magenta, jaune et noir pour l'impression, mais votre image vit dans le monde RGB des écrans, qui peut afficher des couleurs que l'encre est tout simplement incapable de reproduire. Convertir du RGB en CMJN nécessite une formule mathématique, et cet outil utilise une formule standard indépendante du périphérique — mais la couleur d'impression réelle dépend aussi de la presse, du papier et du profil ICC utilisé par votre imprimeur. Les chiffres CMJN affichés ici constituent donc un bon point de départ, pas une garantie de correspondance exacte avec ce qui sortira d'une presse donnée. Pour un travail d'impression précis, considérez ces valeurs comme une référence et validez-les avec une épreuve ou le profil de votre imprimeur. Le sélecteur indique aussi le CIE LAB, un modèle perceptuellement uniforme utile pour mesurer à quel point deux couleurs paraissent réellement différentes. Cliquez sur une couleur pour voir tous les formats réunis.
Comment l'outil trouve-t-il les couleurs dominantes d'une photo ?
Au-delà des clics individuels, le sélecteur analyse l'image entière et regroupe les pixels similaires pour faire ressortir la poignée de couleurs qui couvrent le plus de surface, puis indique approximativement le pourcentage de l'image occupé par chacune. C'est le moyen le plus rapide de reconstituer la palette d'une photo, de la capture d'écran d'un concurrent ou d'un moodboard sans avoir à prélever des dizaines de points à la main. Les très grandes images étant redimensionnées à un maximum de 2000 pixels sur le côté le plus long avant l'analyse, la répartition reste rapide même sur des fichiers volumineux tout en reflétant fidèlement la répartition réelle des couleurs. Vous pouvez ensuite enregistrer les couleurs souhaitées dans une palette de travail. Importez une image ci-dessus et les couleurs dominantes apparaissent automatiquement avec leur part en pourcentage.
Qu'est-ce que le bouton pipette et pourquoi ne le vois-je pas toujours ?
La pipette permet de prélever une couleur n'importe où à l'écran, pas seulement dans l'image importée — pratique pour récupérer une teinte depuis une autre fenêtre ou une page web à côté de l'outil. Elle repose sur l'API EyeDropper native du navigateur, actuellement prise en charge par Chrome et Edge mais pas par tous les navigateurs, c'est pourquoi l'outil n'affiche le bouton que lorsqu'il détecte que votre navigateur peut l'exécuter. Si vous ne le voyez pas, c'est que votre navigateur ne dispose pas de cette fonctionnalité ; vous pouvez toujours prélever une couleur en cliquant directement sur une image chargée, ce qui fonctionne partout. Quand le bouton est disponible, cliquez dessus puis cliquez sur n'importe quel pixel à l'écran pour capturer cette couleur exacte. Ouvrez l'outil dans Chrome ou Edge pour bénéficier de la pipette à l'écran.
Comment transformer une couleur prélevée en une palette complète et harmonieuse ?
Une fois une couleur prélevée, l'outil peut générer des harmonies de couleurs à partir de celle-ci en s'appuyant sur les relations classiques du cercle chromatique : complémentaire (la teinte opposée), analogue (les teintes voisines), triadique, complémentaire divisée, tétradique et une gamme de nuances. Vous obtenez ainsi un ensemble cohérent de couleurs qui fonctionnent bien ensemble, au lieu de deviner quels tons s'accordent. Vous pouvez enregistrer celles que vous préférez dans une palette de travail, les renommer, puis exporter l'ensemble sous forme de variables CSS personnalisées, de variables SCSS, d'un fichier JSON ou d'un bloc de configuration Tailwind à intégrer directement dans un projet — ou encore en planche de nuances au format PNG à joindre à un brief. L'outil suggère aussi le nom de couleur CSS standard le plus proche pour chaque prélèvement, utile quand une spécification demande un nom plutôt qu'un code. Choisissez une couleur de base ci-dessus pour générer des harmonies instantanément.
Embed This Tool
Add a free, live version of this widget to your own website or blog post — it runs entirely in your visitors' browsers, with a credit link back to The Toolbox.
<iframe src="https://getthetoolbox.com/embed/color-picker" title="Free Image Color Picker — The Toolbox" width="100%" height="380" style="max-width:480px;border:1px solid #e2e8f0;border-radius:12px" loading="lazy"></iframe>
<p style="font-size:12px;margin:4px 0 0"><a href="https://getthetoolbox.com/image-tools/color-picker?utm_source=embed&utm_medium=widget" target="_blank" rel="noopener">Free Image Color Picker</a> by The Toolbox</p>Outils Associés
Redimensionneur d'Images en Ligne Gratuit
Redimensionnez vos images à n'importe quelle taille. Conservez les proportions ou définissez des dimensions personnalisées. Gratuit, rapide et 100 % dans votre navigateur, sans inscription.
Compresseur d'Images en Ligne Gratuit
Compressez vos images pour réduire la taille des fichiers sans perte de qualité. Gratuit, rapide et 100 % dans votre navigateur, sans inscription.
Outil de Recadrage d'Images en Ligne Gratuit
Recadrez vos images à n'importe quelle taille ou proportion avec un éditeur visuel. Gratuit, rapide et 100 % dans votre navigateur, sans inscription.
Générateur de Favicon Gratuit
Générez des favicons dans toutes les tailles à partir d'une seule image. Gratuit, rapide et 100 % dans votre navigateur, sans inscription.
À propos du sélecteur de couleur d'image
Le sélecteur de couleur d'image est un outil gratuit qui permet d'extraire la couleur exacte de n'importe quelle image. Importez une photo, une capture d'écran, un logo ou une maquette, puis cliquez n'importe où pour lire la couleur précise sous votre curseur en HEX, RGB, HSL, HSB/HSV, CMJN et CIE LAB — sans oublier le nom de la couleur CSS standard la plus proche. Designers, développeurs front-end, illustrateurs et toute personne cherchant à retrouver « cette teinte exacte » de la marque se tournent vers ce type d'outil dès que la couleur recherchée se trouve dans une image plutôt que dans une charte graphique.
Tout se passe dans votre navigateur. L'image est décodée sur un canevas local et lue pixel par pixel directement sur votre appareil, sans envoi vers un serveur. Vous pouvez ainsi analyser un visuel de marque confidentiel, une interface encore non publiée ou la photo d'un client sans qu'elle ne quitte jamais votre machine. Aucune inscription, aucun filigrane.
Prélever une couleur sur votre image
Chargez une image en la glissant dans la zone de dépôt ou en sélectionnant un fichier, puis cliquez sur n'importe quel point pour capturer la couleur à cet endroit. Un aperçu en direct au survol affiche la couleur sous votre pointeur avant validation, et des contrôles de zoom permettent d'agrandir l'image pour viser un pixel précis plutôt qu'une zone floue. Si votre navigateur prend en charge l'API EyeDropper native (Chrome et Edge actuels), un bouton pipette supplémentaire vous permet de prélever n'importe quel pixel n'importe où à l'écran, et pas seulement dans l'image importée.
Comme le sélecteur lit le canevas brut, les grandes photos sont redimensionnées à un maximum de 2000 pixels sur le côté le plus long avant le prélèvement. L'outil reste ainsi rapide même sur des fichiers volumineux, tout en donnant une lecture fidèle de la couleur cliquée.
Les formats de couleur et leur usage
Chaque couleur prélevée est fournie dans plusieurs notations à la fois, pour que vous puissiez la coller directement là où il faut :
- HEX — la notation à six chiffres
#RRGGBButilisée en CSS et dans la plupart des outils de design web. - RGB — rouge, vert et bleu de 0 à 255, le modèle natif des écrans.
- HSL et HSB/HSV — teinte, saturation et luminosité ou luminance ; plus simple que le RGB quand on veut rendre une teinte un peu plus claire ou plus vive.
- CMJN — les pourcentages de cyan, magenta, jaune et noir utilisés pour l'impression. Notez que le CMJN affiché à l'écran reste une approximation, la couleur d'impression réelle dépendant du profil de la presse.
- CIE LAB — un modèle perceptuellement uniforme utile pour mesurer à quel point deux couleurs paraissent réellement différentes.
- Couleur nommée la plus proche — la correspondance la plus proche parmi les noms de couleur CSS/X11 standard, pratique quand une spécification demande un nom plutôt qu'un code.
Copiez n'importe quelle valeur dans le presse-papiers en un clic.
Palettes, harmonies et export
Au-delà du prélèvement ponctuel, l'outil extrait les couleurs dominantes d'une image et indique approximativement le pourcentage de la surface que chacune couvre — la façon la plus rapide de reconstituer la palette d'une photo ou d'un visuel de référence. À partir de n'importe quelle couleur prélevée, vous pouvez aussi générer des harmonies de couleurs — complémentaire, analogue, triadique, complémentaire divisée, tétradique et nuances — basées sur les relations classiques du cercle chromatique, un excellent point de départ pour construire un ensemble cohérent de couleurs de marque.
Enregistrez les couleurs que vous aimez dans une palette de travail, renommez-les, puis exportez l'ensemble sous forme de variables CSS personnalisées, de variables SCSS, d'un fichier JSON ou d'un bloc de configuration Tailwind — prêt à intégrer dans un projet. Vous pouvez aussi exporter la palette enregistrée en planche de nuances au format PNG, à partager ou joindre à un brief.
Pourquoi un sélecteur de couleur d'image est utile
Une valeur de couleur écrite en hexadécimal est sans ambiguïté, mais les couleurs que l'on recherche réellement sont souvent piégées dans des images : la capture d'écran d'un concurrent, la photo d'un moodboard, une peinture scannée, ou la référence « il me faut ce bleu-là » d'un client. Le sélecteur de couleur d'image transforme n'importe laquelle de ces sources en code prêt à coller en quelques secondes, sans aucun logiciel de design à installer. Déposez une image ci-dessus pour commencer à prélever des couleurs.