Sélecteur de couleur d'image Visez un pixel, copiez HEX / RGB / HSL instantanément

Qu'est-ce que le sélecteur de couleur d'image ?

Cet outil en ligne gratuit permet aux designers, développeurs et créateurs de contenu d'extraire la couleur exacte de n'importe quel pixel d'une photo, d'une maquette ou d'une capture d'écran. Glissez-déposez une image, survolez la zone souhaitée pour voir une loupe zoomer en temps réel sur le pixel visé, puis cliquez pour copier instantanément les codes HEX, RGB et HSL et les ajouter à une palette que vous pouvez constituer et comparer.

🔒 Tout se déroule 100% localement dans votre navigateur. Votre image n'est jamais envoyée à un serveur, garantissant la confidentialité totale de vos fichiers.

À qui s'adresse cet outil ?

• Designers et illustrateurs : extraire rapidement les couleurs exactes d'une charte graphique, d'un visuel client ou d'une capture d'écran concurrente.
• Marketeurs et créateurs de présentations : récupérer la couleur principale d'un logo pour aligner parfaitement vos diapositives avec l'identité de marque.
• Développeurs front-end : obtenir directement le code HEX nécessaire pour le CSS depuis une capture de maquette, sans ouvrir de logiciel de design.
• Photographes et artistes : analyser la palette tonale d'une photo pour affiner l'étalonnage des couleurs.

Que sont HEX, RGB et HSL ?

Ce sont les trois principaux formats de représentation des couleurs : le HEX (ex. #4E8AB5) est le code hexadécimal le plus utilisé en design web ; le RGB décrit une couleur par ses valeurs de rouge, vert et bleu (0–255) ; le HSL décrit la teinte, la saturation et la luminosité, une approche souvent plus intuitive. Pour en savoir plus, consultez Wikipédia : Web colors.

Comment l'utiliser

1. Glissez une image dans la zone d'import, ou cliquez sur Choisir une image.
2. Déplacez le curseur sur l'image : la loupe affiche en temps réel la couleur exacte sous le pointeur.
3. Cliquez pour copier automatiquement le code HEX et l'ajouter à la palette ci-dessous ; chaque nuancier peut être copié individuellement en HEX, RGB ou HSL, ou supprimé.

Foire aux questions (FAQ)

Q1 : Mon image est-elle envoyée sur un serveur ?

Non. Cet outil lit les couleurs des pixels localement grâce à l'API Canvas native du navigateur. Votre fichier ne quitte jamais votre appareil, et tout est effacé automatiquement lorsque vous rechargez la page.

Q2 : Pourquoi le bouton Capturer depuis l'écran n'apparaît-il pas ?

Cette fonction utilise l'API EyeDropper native du navigateur, disponible uniquement sur les navigateurs basés sur Chromium comme Chrome et Edge (version 95 et plus). Firefox et Safari ne la prennent pas encore en charge. Le sélecteur de couleur d'image principal reste pleinement fonctionnel sans ce bouton.

Q3 : La compression de l'image affecte-t-elle la précision des couleurs ?

Légèrement. Les formats avec compression destructive comme le JPG peuvent légèrement altérer les valeurs de pixels par rapport au fichier d'origine. Pour une précision parfaite, privilégiez un format sans perte comme le PNG.