Cliquez ou touchez l'image pour choisir un pixel. Les flèches du clavier déplacent le point d'un pixel (Maj : dix pixels) lorsque l'image est sélectionnée.
floobits.com
floobits.com
🖼️ Images et PDF
Chargez une image, cliquez sur un pixel et copiez sa couleur en HEX, RGB ou HSL, ou extrayez la palette dominante.
Par Jimenez Julien, éditeur de Floobits.com · mis à jour le
Cliquez ou touchez l'image pour choisir un pixel. Les flèches du clavier déplacent le point d'un pixel (Maj : dix pixels) lorsque l'image est sélectionnée.
Une pipette lit la couleur exacte d'un point de l'image. Cet outil dessine votre image dans un canvas, puis lit les quatre valeurs (rouge, vert, bleu, opacité) du pixel sur lequel vous cliquez. Le résultat est donné en notation hexadécimale pour le web, en RGB pour la plupart des logiciels et en HSL, plus intuitive pour ajuster une teinte, une saturation ou une luminosité.
La palette dominante est obtenue par une quantification simple : l'image est réduite, chaque couleur est ramenée à 4 bits par canal, puis les groupes les plus fréquents sont conservés après fusion des teintes proches. Vous obtenez ainsi de 4 à 12 couleurs représentatives avec leur proportion dans l'image.
Les designers l'utilisent pour reprendre la couleur d'un logo ou d'une photo, les intégrateurs pour retrouver une teinte de charte graphique. Sur les navigateurs compatibles, une pipette d'écran permet aussi de prélever une couleur en dehors de la page.
Les photos et les JPEG contiennent du bruit de compression, et la gestion des profils colorimétriques varie selon les navigateurs. Une zone uniforme donne une valeur plus fiable qu'un pixel isolé.
Ce sont trois écritures de la même couleur. Le HEX est une valeur à six chiffres, le RGB donne les trois intensités de 0 à 255, le HSL décrit la teinte en degrés, puis la saturation et la luminosité en pourcentage.
Non. L'image est lue et analysée uniquement dans votre navigateur, aucune requête réseau n'est effectuée.
Oui, si votre navigateur propose la fonction de pipette d'écran : le bouton correspondant apparaît alors sous l'image.