Importez une image et cliquez sur n'importe quel pixel pour obtenir son HEX, son RGB et son HSL exacts — le tout traité sur votre appareil.
Une pipette à couleurs répond à une question très ordinaire : quelle est exactement la couleur de ce pixel ? Un logo reçu au format PNG, la capture d'écran du site de quelqu'un d'autre, une photo dont vous voulez reprendre le ciel dans un dégradé — dans tous ces cas, la couleur est là, à l'écran, mais son code ne l'est pas. Cet outil charge l'image dans un canvas sur votre propre machine et en relit les valeurs de pixels brutes.
Le fonctionnement est simple et vaut la peine d'être connu. Le fichier est lu par FileReader sous forme de Data URI, dessiné une fois dans un canvas à sa résolution native, et chaque relevé est un appel à getImageData sur un seul pixel — les quatre mêmes octets (rouge, vert, bleu, alpha) que le navigateur conserve déjà en mémoire. Comme le canvas garde la résolution d'origine tandis que la page l'affiche à l'échelle, les coordonnées du pointeur sont reconverties en coordonnées de l'image avant la lecture : le pixel sur lequel vous cliquez est bien celui que vous obtenez, même sur une photo de 4000 pixels de large. La loupe redessine un voisinage de onze pixels sur onze avec le lissage désactivé, d'où ces carrés nets plutôt qu'un flou, et le HSL est déduit du triplet RGB avec la formule standard par secteur de teinte. Si un pixel est entièrement transparent, l'outil vous le dit au lieu d'annoncer un noir dénué de sens.
Au-delà des images, les navigateurs Chromium exposent l'API native EyeDropper : là où votre navigateur la prend en charge, un second bouton vous permet d'échantillonner n'importe quel pixel de tout votre écran — pratique pour des couleurs prisonnières d'une vidéo, d'une visionneuse PDF ou d'une autre application. Les huit dernières captures restent affichées dans une rangée d'échantillons cliquables pour les copier, et l'ensemble peut être téléchargé sous forme de fichier texte listant le HEX, le RGB et le HSL de chacune. Votre image n'est jamais envoyée : elle est lue localement, dessinée localement, puis supprimée à la fermeture de la page.
Non. Le fichier est lu par votre navigateur avec FileReader et dessiné dans un canvas sur votre appareil. Il n'est jamais envoyé à un serveur et disparaît dès que vous fermez l'onglet.
PNG, JPEG et WebP — tout ce que votre navigateur sait décoder. Les images jusqu'à 8000 pixels par côté sont acceptées ; les fichiers plus grands sont refusés pour éviter que le canvas n'épuise la mémoire de votre appareil.
Il s'appuie sur l'API native EyeDropper du navigateur pour échantillonner n'importe quel pixel de votre écran, et pas seulement à l'intérieur de l'image chargée. Il apparaît dans les navigateurs Chromium comme Chrome, Edge, Opera et Brave ; Firefox et Safari ne la prennent pas encore en charge, le bouton n'y est donc tout simplement pas affiché.
Généralement pour l'une de ces deux raisons. La compression JPEG modifie les pixels près des contours nets, et le navigateur peut appliquer le profil colorimétrique intégré à l'image lors du décodage. Pour des couleurs de marque en aplat enregistrées en PNG, la valeur obtenue est exacte.
Pas automatiquement — cet outil capture une couleur par clic et conserve les huit dernières, que vous pouvez télécharger dans un fichier texte. Échantillonner les zones dominantes d'une image suffit généralement à reconstituer une palette de marque.
Vai.la transforme n'importe quelle URL en lien court avec statistiques de clics, QR Code et votre propre biolink.
Vai.la n'est pas responsable de l'utilisation des outils ni des décisions prises sur la base de leurs résultats.