Pipette de couleur depuis une image
Cliquez sur un pixel d’une photo pour lire sa couleur. Par exemple, RVB 11, 122, 106 donne #0B7A6A en HEX, et l’outil affiche aussi les six couleurs dominantes. L’image reste dans votre navigateur.
Mode d’emploi
- Choisissez une image sur votre appareil, ou appuyez sur Utiliser l’image d’exemple pour essayer.
- Cliquez ou touchez n’importe où sur l’image pour lire ce pixel. Sur ordinateur, vous pouvez aussi utiliser les flèches du clavier pour décaler le point de prélèvement d’un pixel, ou maintenir Maj pour dix.
- Copiez la valeur HEX, RGB ou HSL, ou appuyez sur un échantillon de la palette pour charger l’une des six couleurs dominantes.
Méthode de calcul
L’image est dessinée sur un canevas caché dans votre navigateur, et le pixel exact sous votre pointeur est relu sous forme de valeurs de rouge, vert et bleu de 0 à 255. L’HEX écrit ces mêmes trois nombres en base 16, donc 11, 122, 106 devient #0B7A6A.
Le HSL convertit la même couleur en teinte (0 à 360 degrés), saturation et luminosité en pourcentage. C’est pratique pour éclaircir, assombrir ou atténuer une couleur sans changer son caractère.
La palette utilise une méthode de découpage en boîtes proche de la coupe médiane. Tous les pixels commencent dans une boîte ; la boîte à la plus large dispersion de valeurs est coupée à plusieurs reprises au milieu de son canal le plus large, jusqu’à obtenir six boîtes. Chaque échantillon est la couleur moyenne d’une boîte, classé selon la part de l’image qu’elle couvre. Les grandes photos sont échantillonnées et les pixels transparents sont ignorés.
Questions fréquentes
Mon image est-elle envoyée quelque part ?
Non. Le fichier est ouvert avec les propres outils de votre navigateur et dessiné sur un canevas de votre appareil. Il n’y a pas d’envoi et rien n’est enregistré.
Pourquoi la couleur diffère-t-elle de ce que je vois dans mon application de design ?
Cet outil lit les valeurs de pixels que le navigateur décode. Si votre image a un profil colorimétrique intégré comme Display P3, ou a été compressée en JPEG, les nombres peuvent différer légèrement du fichier de design d’origine. Prélevez depuis un PNG pour le résultat le plus exact.
Pourquoi le prélèvement n’est-il pas exactement là où j’ai cliqué ?
Les grandes images sont réduites pour tenir dans la page, donc un pixel d’écran peut couvrir plusieurs pixels d’image. La couleur obtenue provient de la copie réduite affichée à l’écran.
Puis-je prélever des couleurs sur une page web ou sur mon écran ?
Faites d’abord une capture d’écran et ouvrez-la ici. Une page de navigateur ne peut pas lire les pixels d’autres onglets ou applications.