Ajoutez votre entrée
Une image prise en charge par le navigateur et un point de son aperçu.
Atelier de design
Sélecteur de couleur sur image
Extrayez une couleur précise d’une référence sans envoyer l’image.
Confidentialité intégréeVotre travail reste avec vous
Choisissez une image JPG, PNG, WebP, GIF ou un autre format pris en charge, puis sélectionnez un pixel.
HEX
#0EA5E9RGB
rgb(14, 165, 233)HSL
hsl(199, 88.7%, 48.4%)Votre travail reste privé dans le navigateur pendant l’utilisation de cet outil.
Que fait sélecteur de couleur sur image ?
Chargez une image dans un canvas, sélectionnez un pixel de l’aperçu et copiez la couleur affichée en HEX, RGB et HSL. Le fichier reste dans l’onglet pendant toute l’opération.
- Entrée
- Une image prise en charge par le navigateur et un point de son aperçu.
- Résultat
- La couleur choisie en HEX, RGB et HSL.
- Prix
- Gratuit
- Compte
- Non requis
Comment utiliser sélecteur de couleur sur image
Choisissez les réglages
Extrayez une couleur précise d’une référence sans envoyer l’image.
Enregistrez ou copiez
La couleur choisie en HEX, RGB et HSL.
Conseil pratique
Échantillonnez plusieurs pixels proches lorsque la compression brouille une couleur.
Quand utiliser sélecteur de couleur sur image
Faire correspondre un accent CSS à une couleur de logo.
Examiner la valeur d’un fond, d’une icône ou d’une capture.
Prélever une couleur avant d’en vérifier le contraste.
Exemple
Un exemple concret avec sélecteur de couleur sur image
- Entrée
- Un PNG comportant une zone unie #14B8A6.
- Paramètres
- Cliquer au centre de cette zone.
- Résultat
- #14B8A6, rgb(20, 184, 166) et hsl(173, 80.4%, 40.0%).
À quoi s’attendre
Fonctionnement
Le navigateur décode l’image et la redimensionne pour son aperçu. Les coordonnées du pointeur sont converties en coordonnées du canvas, puis getImageData() lit le pixel RGBA correspondant.
Avant utilisation
Limites et cas particuliers
- Une image réduite peut mélanger plusieurs pixels source dans un pixel affiché.
- Les formats non décodables par le navigateur et les fichiers dépassant la limite indiquée sont refusés.
Questions fréquentes
Questions sur Sélecteur de couleur sur image
sélecteur de couleur sur image est-il gratuit ?
Oui. Sélecteur de couleur sur image est gratuit.
sélecteur de couleur sur image garde-t-il mon travail privé ?
Oui. Votre travail reste privé pendant l’utilisation de l’outil ; rien de ce que vous saisissez n’est envoyé.
Pourquoi la couleur diffère-t-elle d’un éditeur ?
Le navigateur peut gérer le profil colorimétrique et redimensionner l’image avant l’échantillonnage.
Que sélectionne la touche Entrée ?
Lorsque le canvas a le focus, l’action clavier choisit son pixel central.