Créez un petit PNG dont le pixel x=2, y=1 contient RGBA 51, 102, 153, 85. Chargez-le, centrez la loupe 11×11 sur cette coordonnée puis fixez le point. Le résultat doit afficher 2,1 depuis zéro et alpha 85 ; une cellule voisine transparente ou opaque doit produire une autre entrée.
Comparez les représentations exactes
HEX doit valoir #33669955, RGB conserve 51, 102 et 153, et rgba vaut rgba(51, 102, 153, 0.333). HSL s’arrondit à 210°, 50 % de saturation et 40 % de luminosité, avec alpha 0.333 dans hsla. Copiez chaque valeur et comparez le presse-papiers ; nom, coordonnée et couleur ne doivent entrer ni dans le réseau ni dans l’analyse.
Gardez alpha séparé du fond
L’échantillon peut apparaître sur un damier, mais PixelPick ne remplace pas le RGB décodé par sa composition. #33669955 reste le pixel décodé. Une page blanche et un composant sombre donnent des résultats différents : testez rgba ou hsla sur le fond cible avant livraison.
Comprenez ce que décrit la valeur
PixelPick indique les octets RGBA produits après décodage du fichier dans Canvas par ce navigateur. Profils intégrés, conversion et écran peuvent donner d’autres valeurs ailleurs. Utilisez-les pour le design numérique ordinaire puis contrôlez les couleurs importantes de marque ou de production dans leur source officielle. Ce n’est ni une colorimétrie étalonnée, ni une correspondance de peinture, ni une interprétation médicale, ni une certification d’accessibilité ou une mesure de sécurité.