6XC

Pipette à Couleur d'Image

Téléchargez une photo et cliquez n'importe où pour en extraire la couleur exacte — valeurs hex, RVB et HSL, avec une palette cumulative de toutes vos sélections.

1 181 vues

Cliquez sur l'image pour choisir une couleur

Comment Fonctionne la Sélection de Couleur

Lorsqu'une photo est téléchargée, elle est dessinée sur un élément HTML5 <canvas> à l'intérieur du navigateur. Cliquer n'importe où sur l'image appelle la fonction de l'API canvas getImageData() exactement à cette coordonnée de pixel, qui renvoie les valeurs brutes des canaux rouge, vert, bleu et alpha stockées pour ce pixel — non pas une approximation ou une couleur échantillonnée depuis une capture d'écran, mais la même donnée numérique que le navigateur utilise lui-même pour afficher l'image. Ces valeurs brutes sont ensuite converties et affichées simultanément en hex (par exemple #3a7bd5), RVB (par exemple rgb(58, 123, 213)) et HSL (teinte, saturation, luminosité), afin que tout format dont un outil de conception a besoin soit prêt à être copié.

Chaque image traitée de cette façon est décodée et lue en sRGB, l'espace colorimétrique standard utilisé par la grande majorité des photos numériques, écrans et appareils photo. C'est le format par défaut supposé, sauf si une image intègre explicitement un profil colorimétrique différent, ce qui couvre pratiquement toute la photographie grand public et les images web.

Ce Qu'il Faut Savoir

  • Rien n'est téléversé nulle part — tout le processus, du dessin de l'image à la lecture des données de pixel, se déroule localement dans la mémoire du navigateur. Aucun serveur ne reçoit jamais la photo.
  • La lecture est exacte, pas estimée — puisque getImageData() renvoie la valeur de pixel littéralement stockée, la précision n'est limitée que par la qualité de l'image elle-même et l'endroit exact où le clic atterrit, pas par la luminosité, le contraste ou l'étalonnage de l'écran.
  • La compression peut légèrement décaler la couleur réelle — la compression JPEG moyenne la couleur sur de petits blocs de pixels, si bien qu'une photo fortement compressée peut renvoyer une valeur légèrement différente de la couleur réelle de la scène ; le PNG et les autres formats sans perte préservent exactement la valeur capturée.
  • Chaque couleur sélectionnée alimente une palette cumulative sous l'image, ce qui permet d'échantillonner plusieurs points d'une même photo — un ciel, une chemise, un mur — et d'exporter un petit ensemble de couleurs coordonné en une seule session.

Questions fréquentes

Quelle est la précision de la couleur sélectionnée ?

Elle lit la valeur exacte du pixel sur le canvas à l'endroit cliqué — aussi précise que l'image elle-même et votre précision de clic, non affectée par le calibrage de l'écran puisqu'elle lit des données de pixel brutes, et non ce que vos yeux perçoivent.

Cela téléverse-t-il ma photo quelque part ?

Non — l'image est dessinée sur un élément canvas local et échantillonnée entièrement côté client. Rien ne quitte votre navigateur.

Qu'est-ce que le sRGB et pourquoi est-ce important ?

Le sRGB est l'espace colorimétrique standard que la plupart des appareils photo numériques, téléphones, écrans et images web utilisent par défaut. Comme presque toutes les photos téléchargées ici sont déjà encodées en sRGB, les valeurs hex, RVB et HSL que cet outil lit correspondent à ce qu'afficherait la plupart des logiciels de conception sans aucune conversion nécessaire. Les photos prises dans un espace colorimétrique plus large, comme l'Adobe RGB, et non converties peuvent présenter un écart lorsqu'elles sont comparées à des outils basés sur le sRGB.

Pourquoi la même couleur peut-elle sembler légèrement différente sur deux photos ?

Les conditions d'éclairage, la balance des blancs et le traitement de l'appareil photo affectent tous les valeurs RVB exactes qu'un appareil enregistre pour ce qui paraît être la même couleur à l'œil — un mur blanc photographié au coucher du soleil prend une dominante chaude qu'un sélecteur lit honnêtement comme un blanc légèrement teinté d'orange, et non un blanc pur. La compression JPEG peut aussi introduire de très petits décalages au niveau du pixel autour des bords de couleur nets.

Peut-on sélectionner des couleurs sur une photo prise avec un téléphone ?

Oui — tout fichier image que le navigateur peut afficher, y compris JPEG, PNG, WebP et la plupart des autres formats courants, fonctionne avec cet outil, quel que soit l'appareil ou l'appareil photo utilisé pour la capturer.

Commentaires

Pas encore de commentaires — soyez le premier à en écrire un !

Outils similaires

Calculateur de profondeur de champ Calculez la limite proche, la limite éloignée et la profondeur de champ totale à partir de la focale, de l'ouverture, de la distance de mise au point et de la taille du capteur. Lancer Calculateur de distance hyperfocale Trouvez la distance hyperfocale pour votre objectif et votre capteur — faites la mise au point là-dessus et tout, de la moitié de cette distance à l'infini, est net. Lancer Calculateur d'exposition pour filtre ND Convertissez votre vitesse d'obturation de base à travers n'importe quel filtre ND (ND8, ND64, ND1000, empilés) — avec un minuteur à rebours intégré pour les longues expositions. Lancer Calculateur d'heure dorée Horaires de lever, coucher, heure dorée et heure bleue pour n'importe quel lieu et n'importe quelle date — choisissez votre point sur la carte, sans application. Lancer