Pipette à couleurs sur image - Obtenez le code HEX de n'importe quel pixel

Ce que fait cette pipette

C'est une pipette, pas un générateur de palette : c'est vous qui décidez quel pixel est prélevé, et l'outil rapporte exactement ce qui y est stocké. Ce qui mérite explication, c'est la façon dont une lecture est prise, car l'approche évidente est subtilement fausse. Dessiner l'image entière sur un canevas et y relire les pixels échoue sur les grandes photos : les navigateurs plafonnent la surface totale d'un canevas à environ 16,7 millions de pixels, soit à peu près 4096 par 4096, et un fichier de 24 mégapixels dépasse cette limite sans peine. Réduire l'image pour la faire tenir ferait de chaque prélèvement une moyenne de plusieurs pixels d'origine : la seule chose qu'une pipette doit absolument réussir serait donc la première perdue. À la place, le prélèvement redessine uniquement une petite fenêtre autour du pointeur, directement depuis le fichier décodé, à l'échelle exacte de 1 pour 1. Le rectangle source et le rectangle de destination ayant la même taille, le navigateur copie les pixels au lieu de les rééchantillonner, et les valeurs obtenues sont les octets mêmes du fichier, quelle que soit la taille de l'image. L'aperçu que vous voyez est peut-être réduit pour tenir dans la limite du canevas ou dans votre écran, mais rien n'est jamais prélevé sur lui. Cette même fenêtre alimente la loupe, qui peint chaque pixel source sous forme de carré de 13 pixels séparés par une grille et entoure la cellule centrale de noir et de blanc pour qu'elle reste visible sur n'importe quelle couleur. Elle vous est indispensable : une photo de 4000 pixels de large affichée dans une colonne de 720 pixels place environ 5,6 pixels d'image sous chaque pixel d'écran. Les flèches déplacent le prélèvement d'exactement un pixel source et Maj plus une flèche de dix, ce qui est le seul moyen fiable de tomber sur une bordure d'un pixel ou un fin contour lissé. Chaque prélèvement rapporte le HEX, le RGB et le HSL issus du même triplet 8 bits, plus les formes HEXA et RGBA à 8 chiffres quand le pixel n'est pas totalement opaque. La vraie limite à connaître est la gestion des couleurs : le canevas ignore le profil ICC intégré dans la plupart des navigateurs, donc les valeurs correspondent à ce que le navigateur affiche plutôt qu'à ce que montre un éditeur géré en couleur.