Color Picker — couleur depuis une image ou ton écran
Clique sur un pixel d'une image, ou échantillonne n'importe quel point de ton écran avec la pipette. Tu récupères la valeur en HEX, RGB et HSL, le tout dans ton navigateur.
Click the image to pick a color.
S'exécute dans ton navigateur. Ce que tu saisis n'est pas envoyé à PayloadIQ.
Ce color picker récupère la couleur exacte d'un pixel — depuis une image que tu charges ou depuis n'importe quel point de ton écran — et te la donne en HEX, RGB et HSL, entièrement dans le navigateur. Glisse une capture, une photo ou une maquette, puis clique sur le pixel voulu : la valeur s'affiche tout de suite, prête à copier. La pipette d'écran, elle, échantillonne n'importe où sur ton affichage, même en dehors du navigateur. Aucune image n'est envoyée sur un serveur.
Deux façons d'attraper une couleur
Pour une image, l'outil la dessine sur un canvas et lit la couleur du pixel sous ton curseur sur place, avec getImageData — un simple clic suffit pour figer la valeur. Pour le reste de l'écran, le bouton « Pipette écran » s'appuie sur l'EyeDropper natif du navigateur : tu peux prélever la couleur de n'importe quel pixel affiché, y compris dans une autre application. Cette pipette est disponible sur Chrome et Edge, et le bouton n'apparaît que si ton navigateur la prend en charge. Dans les deux cas, tu obtiens le HEX, le RGB et le HSL, chacun avec un bouton de copie, à coller directement dans ton CSS, ton outil de design ou ton code.
Local, avec une palette en prime
Le décodage et l'échantillonnage de l'image se font intégralement sur ta machine : rien n'est téléversé, donc tu peux l'utiliser sans souci sur une maquette confidentielle ou un design pas encore publié. En bonus, l'outil analyse l'image et fait ressortir ses couleurs dominantes — pratique pour extraire toute une palette d'une photo ou d'une capture, et pas seulement un échantillon isolé. Clique sur n'importe quelle pastille pour la sélectionner et récupérer ses valeurs.