Sélecteur de couleur d’image
Lisez la couleur exacte de n’importe quel pixel d’une image ou la couleur moyenne d’une zone rectangulaire en saisissant ses coordonnées. L’outil renvoie les valeurs hexadécimales, RGB et HSL, ainsi que le niveau alpha, mesurés après la rotation EXIF afin que les coordonnées correspondent à ce que vous voyez. Pratique pour les designers qui harmonisent des couleurs de marque, les développeurs qui extraient des valeurs de maquettes et toute personne qui vérifie les couleurs d’une capture d’écran.
Foire aux questions
Comment fonctionnent les coordonnées ?
X compte les pixels depuis le bord gauche et Y depuis le bord supérieur, en commençant tous deux à 0. Le pixel en haut à gauche est à 0, 0 et celui en bas à droite d’une image de 1920 par 1080 est à 1919, 1079. Les coordonnées sont mesurées sur l’image telle qu’elle s’affiche après application de son orientation EXIF.
Comment obtenir la couleur moyenne d’une zone ?
Saisissez une largeur et une hauteur supérieures à 1. L’outil calcule la moyenne de chaque pixel du rectangle qui commence à X et Y et s’étend vers la droite et vers le bas. Le rectangle doit tenir entièrement dans l’image.
Quels formats de couleur sont renvoyés ?
La couleur est fournie sous forme de code hexadécimal, de valeurs RGB comprises entre 0 et 255 et de valeurs HSL, avec la teinte en degrés et la saturation et la luminosité en pourcentage. La valeur alpha va de 0 pour une transparence totale à 1 pour une opacité totale.
Comment la transparence est-elle prise en compte dans une zone ?
Chaque pixel compte proportionnellement à son opacité ; les pixels transparents ne tirent donc pas la couleur vers le noir. La valeur alpha indiquée correspond à l’opacité moyenne de la zone. Une zone entièrement transparente renvoie du noir avec un alpha de 0.
Comment trouver les coordonnées d’un pixel ?
La plupart des éditeurs d’image et des outils de capture d’écran affichent la position du curseur en pixels. Utilisez l’outil Infos sur l’image pour vérifier d’abord la taille de l’image et connaître les valeurs valides pour X et Y.
Quels formats sont pris en charge ?
Images JPEG, PNG, GIF, WebP, TIFF et AVIF jusqu’à 5 MB et 4000 pixels de chaque côté. Les images animées sont lues à partir de leur première image.
Pourquoi la couleur diffère-t-elle de celle affichée dans mon éditeur ?
Les images sont converties en sRGB avant la lecture. Une photo avec un profil Display P3 ou CMYK renvoie donc son équivalent sRGB. Les éditeurs qui affichent les valeurs dans l’espace colorimétrique propre au fichier ou qui échantillonnent par défaut une zone plus large donnent des nombres légèrement différents. La compression JPEG fait aussi légèrement varier les pixels voisins.
Que se passe-t-il si une coordonnée se trouve hors de l’image ?
L’outil renvoie un message indiquant la taille de l’image au lieu d’une couleur. X et Y acceptent des nombres entiers de 0 à 3999, et la largeur et la hauteur des valeurs de 1 à 4000.
Puis-je sélectionner plusieurs couleurs à la fois ?
Chaque requête lit un point ou une zone. Pour obtenir plutôt les couleurs principales de l’image entière, utilisez l’outil Image Dominant Color, qui renvoie une palette indiquant la proportion de chaque couleur.
La couleur est-elle exacte pour les images 16 bits ?
Les fichiers PNG et TIFF 16 bits sont réduits à 8 bits par canal avant lecture. Les valeurs sont donc indiquées sur l’échelle habituelle de 0 à 255 utilisée par CSS et les outils de conception. Chaque valeur est arrondie au niveau 8 bits le plus proche : le code hexadécimal correspond ainsi à ce qu’affiche un navigateur.