Sélecteur de Couleur à partir d'une Image
Survolez pour prévisualiser, cliquez pour verrouiller une couleur
Quand avez-vous besoin de choisir une couleur à partir d'une image ?
Les designers assortissent les couleurs de marque à partir d'un logo sans accès au guide de style original ; les développeurs extraient les couleurs dominantes des photos pour la génération de thèmes ; les enseignants tirent des couleurs d'œuvres d'art pour des leçons. La pipette lit le RVB exact du pixel sous le curseur et le convertit en hex (`#RRGGBB`) et HSL.
La pipette intégrée des navigateurs (l'`API EyeDropper` de Chrome) ne fonctionne que sur l'écran — pas sur les fichiers téléchargés. Cet outil comble cette lacune en chargeant votre image dans un canevas et en vous permettant d'échantillonner n'importe quel pixel.
Cas d'utilisation courants
- Assortir une couleur de marque à partir d'une capture d'écran du site Web d'un concurrent.
- Extraire une palette d'une photographie pour un projet de design graphique.
- Trouver la couleur de fond exacte d'une capture d'écran d'interface utilisateur pour la recréer.
- Échantillonner des teintes de peau à partir d'un portrait pour des références de gradation ou de maquillage.
Questions fréquemment posées
Pourquoi la couleur est-elle légèrement différente de l'original ?
Les grandes images sont redimensionnées pour s'adapter (max 800px) avant l'échantillonnage, donc sur une grande image, la valeur choisie provient de l'aperçu redimensionné, pas du pixel original exact. Les sources JPEG modifient également légèrement les couleurs en raison de la compression.
Puis-je choisir à partir d'un pixel transparent ?
Oui — la pipette montre RGBA. Un pixel entièrement transparent a toujours une valeur RVB sous-jacente (souvent 0,0,0 ou l'arrière-plan du canevas).
La pipette fonctionne-t-elle sur des GIF animés ?
Elle échantillonne le premier cadre. Pour d'autres cadres, faites une capture d'écran du moment que vous souhaitez et chargez la capture d'écran.
Comment le hex et le RVB sont-ils liés ?
Hex `#RRGGBB` est la même valeur que RVB `(R, G, B)` écrite en base 16 au lieu de base 10. `#FF0000` et `rgb(255, 0, 0)` signifient tous deux rouge pur.
Mon image est-elle téléchargée ?
Non — l'image se charge dans un canevas de navigateur et y reste. Aucun appel réseau.