Skip to content
fileGOD
Astuces utilitaires4 min de lecture

Comment sélectionner des couleurs dans une image (HEX, RGB, HSL)

fileGOD Team

Vous voyez une couleur que vous adorez dans une photographie, une capture d'écran de site web ou un élément de marque, et vous avez besoin de savoir exactement quelle couleur c'est. Peut-être concevez-vous un site web et voulez-vous correspondre à la photo de marque d'un client. Un outil de sélection de couleurs vous permet de cliquer sur n'importe quel pixel d'une image et d'obtenir sa valeur de couleur exacte instantanément.

Pourquoi sélectionner des couleurs dans des images ?

  • Cohérence de marque. Extrayez les couleurs exactes d'un logo ou d'une photo de marque pour les utiliser dans vos designs.
  • Développement web. Obtenez les valeurs HEX ou RGB précises pour le CSS.
  • Design d'intérieur et mode. Identifiez les couleurs de photos d'inspiration pour trouver des peintures ou matériaux assortis.
  • Art et illustration. Échantillonnez des couleurs d'images de référence pour construire des palettes précises.
  • Vérifications d'accessibilité. Identifiez les couleurs de premier plan et d'arrière-plan pour tester les ratios de contraste WCAG.

Comprendre les formats de couleur

  • HEX : Un code de six caractères précédé d'un dièse, comme #3B82F6. Le format le plus courant pour le développement web et les outils de design.
  • RGB : Spécifie la couleur avec trois nombres de 0 à 255, comme rgb(59, 130, 246). Largement utilisé en CSS et dans les logiciels d'édition d'images.
  • HSL : Définit la couleur par la Teinte (0-360 degrés), la Saturation (0-100 %) et la Luminosité (0-100 %), comme hsl(217, 91%, 60%). Souvent plus intuitif pour les designers.

Comment utiliser le sélecteur de couleurs de fileGOD

L'outil de sélection de couleurs sur fileGOD rend l'extraction de couleurs simple :

  • Étape 1 : Ouvrez l'outil Sélecteur de couleurs et déposez une image.
  • Étape 2 : Cliquez n'importe où sur l'image pour échantillonner la couleur.
  • Étape 3 : L'outil affiche la valeur de couleur en HEX, RGB et HSL simultanément.
  • Étape 4 : Copiez la valeur dont vous avez besoin en un clic.

Conseils pour une sélection de couleurs précise

  • Zoomez pour la précision. Les photographies contiennent des milliers de valeurs de couleur légèrement différentes.
  • Échantillonnez plusieurs points. Une couleur qui semble uniforme peut varier à travers l'image en raison de l'éclairage ou de la compression.
  • Utilisez des images source de haute qualité. Les JPEG fortement compressés introduisent des artefacts de couleur.
  • Vérifiez le calibrage de votre moniteur. Si la précision des couleurs est critique, assurez-vous que votre moniteur est correctement calibré.

Comme tous les outils fileGOD, le sélecteur de couleurs fonctionne entièrement dans votre navigateur. Vos images ne sont jamais envoyées sur un serveur.

Guides associés