Outil Couleur en Ligne

Pipette à couleurs pour image

Importez une image et cliquez n'importe où pour lire la couleur du pixel actuel. La page affiche en même temps HEX, RGB, RGBA et HSL, avec des ajustements fins et une copie rapide.

Cliquez pour capter

Cliquez exactement là où vous avez besoin de la couleur

Résultat à copier

Obtenez HEX, RGB, RGBA et HSL en un seul endroit

Ajustez ensuite

Réglez la luminosité et l'opacité pour un résultat plus proche

Pipette à couleurs pour image

Importez une image, cliquez n'importe où, et obtenez des valeurs de couleur prêtes à copier

La lecture des couleurs se fait dans votre navigateur. Cliquez sur l'image pour capter un pixel, puis ajustez et copiez HEX, RGB, RGBA et HSL à droite.

Fonctionne dans votre navigateur

Étape 1 : importez d'abord une image. Le glisser-déposer est pris en charge ici.

Étape 1

Importez une image pour en extraire les couleurs

Prend en charge PNG, JPG, WEBP et GIF. Après l'import, cliquez n'importe où dans l'aperçu pour lire la couleur de ce pixel.

Sélectionner une image

Utile comme référence de couleurs

Affiches, captures d'écran, photos de produits et logos fonctionnent bien pour extraire rapidement une couleur principale.

Cliquez exactement où il faut

Les couleurs sont lues pixel par pixel, donc les valeurs HEX et RGB sont prêtes pour vos maquettes et votre code.

Continuez à ajuster

Après avoir capté une couleur, continuez à ajuster la luminosité, l'opacité et les détails dans le panneau latéral.

Après l'import d'une image, l'aperçu cliquable apparaît ici.

Couleur captée actuelle

#2563EB

Sombre / Opacité 100%

HEX

#2563EB

RGB

rgb(37, 99, 235)

RGBA

rgba(37, 99, 235, 1)

HSL

hsl(221, 83%, 53%)

Ajustement manuel

La couleur captée se synchronise ici automatiquement. Vous pouvez continuer à ajuster la teinte, la luminosité et l'opacité.

Chargement du panneau de couleurs, veuillez patienter.

Couleurs enregistrées

Cliquez sur une pastille pour la renvoyer vers le panneau de couleurs. Utile pour les couleurs de marque, d'affiches ou de thème.

Conseils

Si l'image contient des ombres, des reflets ou des dégradés, captez plusieurs pixels voisins puis choisissez la couleur la plus proche.
HEX est généralement le meilleur premier choix pour les couleurs web. RGB et RGBA sont plus pratiques pour les notes de design et les effets d'animation.
Si vous avez besoin d'un calque semi-transparent, captez d'abord la couleur de base puis ajustez l'opacité dans le panneau latéral.
Enregistrez les couleurs fréquentes dans la palette pour les réutiliser rapidement après avoir importé d'autres images.

Comment utiliser

1. Importez l'image dont vous voulez extraire les couleurs. PNG, JPG, WEBP et GIF sont pris en charge.

2. Cliquez n'importe où sur l'aperçu et la page lit immédiatement ce pixel.

3. Pour un résultat plus proche du rendu final, continuez à ajuster la luminosité, la saturation et l'opacité dans le panneau latéral.

4. Une fois la couleur validée, copiez le HEX, RGB, RGBA ou HSL directement dans votre maquette, votre CSS ou votre code.

FAQ

Pourquoi les couleurs varient-elles légèrement dans la même zone ?

Les dégradés, ombres, bruit de compression et l'anticrénelage rendent souvent les pixels voisins différents. Testez plusieurs points proches avant de choisir la couleur finale.

Quel format est le plus adapté au développement web ?

Utilisez HEX pour la plupart des couleurs unies, RGBA quand vous avez besoin d'opacité, et HSL pour analyser ou ajuster les relations entre couleurs.

Puis-je affiner la couleur après l'avoir capturée ?

Oui. Après avoir capturé une couleur, utilisez le panneau de droite pour ajuster la luminosité, la saturation et l'opacité, puis copiez HEX, RGB, RGBA ou HSL.