Sélecteur de couleur
et code HEX.
Importez une image et cliquez sur n'importe quel pixel pour obtenir son code HEX, RGB, HSL et CMJN. Ou choisissez une couleur dans le nuancier. Votre image reste dans votre navigateur.
- HEX
- -
- RGB
- -
- HSL
- -
- CMJN
- -
Sélecteur de couleur gratuit en ligne
Notre sélecteur de couleur vous aide à récupérer rapidement le code d’une couleur à partir d’une image, ou à choisir une teinte dans un nuancier. Cliquez sur une zone de votre image et obtenez les valeurs utiles pour le web, le design et la communication visuelle : HEX, RGB, HSL et CMJN.
L’outil est gratuit, sans inscription et simple à utiliser. Il vous permet de retrouver une couleur précise pour l’intégrer dans une maquette, une page web, une identité visuelle, un document ou un support imprimé. Vous pouvez aussi partir du nuancier si vous souhaitez choisir une couleur sans utiliser d’image.
Votre image n’est jamais envoyée. Elle reste sur votre appareil pendant l’utilisation de l’outil. Vous pouvez donc analyser une capture, un visuel, une photo, un logo ou une maquette sans transfert de fichier.
Comment utiliser le sélecteur de couleur ?
L’utilisation est directe. Vous n’avez pas besoin de créer un compte ni d’installer un logiciel. Le fonctionnement repose sur deux possibilités : cliquer dans une image pour identifier une couleur, ou choisir une teinte dans le nuancier.
- Ajoutez ou sélectionnez l’image que vous souhaitez analyser.
- Cliquez précisément sur la zone qui contient la couleur recherchée.
- Consultez les codes affichés : HEX, RGB, HSL et CMJN.
- Utilisez le code adapté à votre besoin : site web, interface, charte graphique ou document.
- Si vous n’avez pas d’image, choisissez simplement une couleur dans le nuancier.
Pour obtenir une valeur fiable, cliquez sur la zone exacte de la couleur qui vous intéresse. Une image peut contenir de nombreuses variations. Une ombre, un reflet, une compression ou un dégradé peuvent modifier la valeur du pixel sélectionné. Si le résultat ne correspond pas à ce que vous attendiez, cliquez sur une zone voisine et comparez les codes obtenus.
Si vous voulez aller plus loin dans l’analyse d’un visuel, vous pouvez aussi consulter notre outil pour trouver les couleurs d’une image ou d’un logo.
À quoi servent les codes de couleur ?
Un code de couleur permet d’identifier une teinte de manière claire. Au lieu de dire “bleu foncé” ou “jaune vif”, vous utilisez une valeur précise. Cette valeur peut ensuite être reprise dans un site, une feuille de style, une maquette graphique, un logiciel de création ou un document de communication.
Le sélecteur de couleur affiche plusieurs formats, car chaque contexte peut utiliser une notation différente. Le code HEX est très courant sur le web. Le RGB est pratique pour les écrans. Le HSL permet de comprendre la teinte, la saturation et la luminosité. Le CMJN est lié aux usages d’impression.
Comprendre les formats HEX, RGB, HSL et CMJN
Le code HEX
Le code HEX, ou code hexadécimal, est l’un des formats les plus utilisés pour définir une couleur sur le web. Il commence généralement par le symbole #, suivi de six caractères. Par exemple, une couleur peut s’écrire sous la forme #FFFFFF pour le blanc ou #000000 pour le noir.
Ce format est très pratique pour intégrer une couleur dans du CSS, une charte graphique numérique ou une interface. Si vous travaillez souvent avec ce format, vous pouvez consulter notre guide dédié aux couleurs HEX.
Le code RGB
Le format RGB décrit une couleur à partir de trois composantes : rouge, vert et bleu. Chaque valeur indique la quantité de lumière utilisée pour composer la couleur à l’écran. Ce format est courant dans les outils numériques, les interfaces et les styles CSS.
Par exemple, une couleur peut être écrite sous la forme rgb(255, 255, 255) pour le blanc. Le RGB est utile lorsque vous souhaitez ajuster une couleur dans un environnement pensé pour l’affichage sur écran.
Le format HSL
Le format HSL signifie teinte, saturation et luminosité. Il offre une lecture plus intuitive pour modifier une couleur. La teinte correspond à la famille de couleur. La saturation indique l’intensité. La luminosité permet de rendre la couleur plus claire ou plus sombre.
Ce format est intéressant lorsque vous voulez créer des variantes cohérentes, par exemple une version plus claire d’un bouton, une teinte plus douce pour un fond ou une couleur plus sombre pour un texte.
Le format CMJN
Le CMJN repose sur quatre composantes : cyan, magenta, jaune et noir. Il est souvent associé à l’impression. Il peut vous aider à préparer une couleur pour un support imprimé, même si le rendu final dépend toujours du support, de l’imprimante, du papier et des réglages utilisés.
Le sélecteur vous donne une valeur CMJN afin de faciliter le passage d’un usage écran à un usage imprimé. Pour un projet d’impression sensible, il reste conseillé de vérifier le rendu dans votre logiciel graphique ou avec votre prestataire d’impression.
Dans quels cas utiliser ce sélecteur de couleur ?
Ce sélecteur de couleur peut vous servir dans de nombreuses situations du quotidien, que vous soyez créateur de site, designer, responsable communication, entrepreneur ou simplement en train de préparer un visuel.
- Retrouver la couleur d’un logo à partir d’une image.
- Identifier une teinte présente dans une capture d’écran.
- Récupérer le code HEX d’un élément graphique.
- Comparer plusieurs nuances proches dans un visuel.
- Préparer une couleur pour une page web, une maquette ou un document.
- Choisir une couleur dans le nuancier lorsque vous partez de zéro.
Si vous possédez déjà un code dans un format et que vous souhaitez le convertir dans un autre, vous pouvez utiliser notre convertisseur de couleur. Il vous aidera à passer plus facilement d’un format à l’autre.
Un outil pratique pour garder une cohérence visuelle
La cohérence des couleurs est essentielle pour une identité visuelle claire. Lorsque vous réutilisez les mêmes teintes sur vos supports, vos créations paraissent plus harmonieuses. Le sélecteur de couleur vous aide à éviter les approximations, surtout lorsque vous partez d’une image existante.
Il peut aussi vous aider à harmoniser des éléments entre eux. Par exemple, vous pouvez récupérer la couleur d’un logo pour l’utiliser sur un bouton, un titre, une bannière ou un arrière plan. Vous pouvez également identifier une couleur présente dans une photo afin de créer un visuel plus équilibré.
Pour vérifier la lisibilité entre un texte et un fond, vous pouvez compléter votre travail avec notre vérificateur de contraste.
Confidentialité : votre image n’est jamais envoyée
La confidentialité est importante, surtout lorsque vous travaillez avec des visuels internes, des maquettes, des captures ou des éléments de marque. Avec cet outil, l’image que vous utilisez n’est jamais envoyée. Elle reste sur votre appareil pendant l’analyse.
Vous pouvez donc sélectionner une image et cliquer dessus pour obtenir un code couleur sans transfert de fichier. L’outil vous permet de travailler rapidement, tout en gardant le contrôle sur votre visuel. Aucune inscription n’est demandée pour utiliser le sélecteur de couleur.
Questions fréquentes
Le sélecteur de couleur est-il gratuit ?
Oui, l’outil est gratuit. Vous pouvez l’utiliser en ligne, sans inscription, pour récupérer les codes HEX, RGB, HSL et CMJN d’une couleur.
Mon image est-elle envoyée sur un serveur ?
Non. Votre image n’est jamais envoyée. Elle reste sur votre appareil pendant que vous utilisez le sélecteur de couleur.
Puis-je trouver le code HEX d’une image ?
Oui. Il suffit de sélectionner votre image, puis de cliquer sur la zone qui vous intéresse. Le code HEX de la couleur sélectionnée s’affiche, avec les valeurs RGB, HSL et CMJN.
Pourquoi deux clics proches donnent-ils des couleurs différentes ?
Une image contient souvent de petites variations. Une ombre, un reflet, un dégradé ou une compression peuvent changer la couleur d’un pixel à l’autre. Pour choisir la bonne valeur, cliquez sur plusieurs points proches et retenez la couleur la plus adaptée à votre usage.
Quel format dois-je utiliser pour un site web ?
Le format HEX est très courant pour le web. Le RGB et le HSL sont aussi utilisés dans les styles CSS. Le bon choix dépend de votre manière de travailler et du format attendu dans votre projet.
Le CMJN affiché suffit-il pour l’impression ?
Le CMJN affiché vous donne une base utile. Pour une impression finale, il est préférable de vérifier le rendu dans votre logiciel graphique ou auprès de votre imprimeur, car le résultat peut varier selon le support et les réglages.
Pour aller plus loin
Autres outils gratuits
Nos guides
Les images sont lues et analysées intégralement dans votre navigateur. Aucun fichier n'est transmis ni conservé par Osmova. Osmova ne peut être tenu responsable du contenu des fichiers traités ni de l'usage qui en est fait. Conditions d'utilisation