Pipette de couleur pour image : codes HEX et RVB
Cliquez sur un pixel, lisez le code. La pipette de couleur pour image affiche la couleur choisie en HEX et en RVB, puis relève dans toute l'image jusqu'à huit couleurs fréquentes. Vous obtenez une première palette sans autre geste.
Trois cas où un clic suffit
Un bouton doit reprendre le vert du logo sur une capture d'écran. Le bleu d'un graphique se cache dans un PDF exporté en image. Ou bien il faut le ton du ciel d'une photo pour qu'un bandeau de texte s'y accorde. Les échantillons servent aussi à voir de quoi se compose un visuel avant de bâtir un schéma de couleurs autour.
De l'image au presse-papiers
- Cliquez sur la zone de dépôt ou glissez une image dessus. Le sélecteur accepte tout type d'image que votre navigateur sait ouvrir ; PNG, JPG et WebP sont le choix sûr.
- Cliquez sur un point de l'image. Le grand carré montre la couleur et les champs HEX et RVB se remplissent.
- Le bouton de copie à côté de Code HEX ou Code RVB met la valeur dans le presse-papiers.
- Un clic sur un échantillon de la palette en fait la couleur courante et copie aussi son code HEX.
- Cliquez sur Autre image pour repartir avec un nouveau fichier.
Pourquoi la palette ne tombe pas juste
L'outil prélève environ 10 000 pixels, ignore ceux qui sont surtout transparents et arrondit chaque canal par pas de 16. Il compte ensuite les groupes et montre les huit plus fréquents. Un échantillon peut donc s'écarter de 8 par canal d'un pixel réel. Pour la valeur exacte, cliquez sur l'image. Chaque clic lit un seul pixel à la taille d'origine du fichier, bien que l'aperçu soit limité à 400 pixels de hauteur. Dans une photo bruitée, deux voisins diffèrent parfois de plusieurs pas : cliquez une seconde fois si la valeur semble étrange. Une très grande image demande un instant, car elle est lue entièrement une fois pour la palette.
Ce que l'outil ne propose pas
- Pas d'aperçu au survol, la sélection se fait par clic.
- HEX et RVB seulement.
- Aucune valeur HSL ni alpha.
Le fichier reste dans l'onglet
Le fichier est lu avec un FileReader et dessiné sur un canvas dans le navigateur. Les pixels sont lus sur ce canvas avec getImageData. Ouvrir une image ou cliquer sur une couleur n'envoie aucune requête, ce que montre le panneau réseau des outils de développement. Le presse-papiers n'est utilisé que si vous cliquez sur un bouton de copie ou sur un échantillon.