Pipette à couleurs et extracteur de palette d'image

Chargez une image, cliquez n'importe où pour prélever la couleur exacte sous le curseur, puis copiez sa valeur HEX, RGB ou HSL. L'outil extrait aussi automatiquement une palette des couleurs principales. Votre image est lue directement sur le canevas de votre navigateur et n'est jamais envoyée nulle part.

Glissez-déposez une image ici, ou cliquez pour choisir un fichier

Formats JPG, PNG, WebP et GIF acceptés. Les fichiers restent sur votre appareil.

Cliquez sur l'image pour prélever une couleur. Déplacez le curseur pour voir un aperçu avant de cliquer.

Couleur prélevée

Palette

Les couleurs sont lues directement dans les pixels de l'image par votre navigateur, grâce à l'API Canvas. L'image elle-même n'est jamais envoyée à un serveur.

Trouver la couleur exacte d'une image

Designers et développeurs ont sans cesse besoin de la couleur précise d'un pixel : le bleu d'un logo, le fond d'une capture d'écran, la touche de couleur d'une photo. Cette pipette à couleurs pour image transforme votre image en canevas cliquable, affiche la valeur sous le curseur dans trois formats courants et vous permet de copier chacun d'un seul clic. En plus de la pipette, elle analyse toute l'image et crée une palette des couleurs les plus présentes : vous récupérez une gamme toute prête à partir d'une image de référence.

Servez-vous-en pour retrouver les couleurs d'une marque, reconstruire un thème à partir d'une capture d'écran, prélever des tons dans une photo pour un design ou extraire la palette d'une illustration.

Comment prélever une couleur

  1. Ouvrez une image. Déposez ou sélectionnez une image : elle s'affiche sur le canevas.
  2. Cliquez sur un pixel. Cliquez n'importe où sur l'image pour capturer la couleur à cet endroit.
  3. Copiez le code. Copiez la valeur HEX, RGB ou HSL, ou cliquez sur une pastille de la palette pour copier son code HEX.

Trois formats de couleur

Chaque couleur prélevée s'affiche en HEX pour le CSS et les outils de design, en RGB pour le code et en HSL pour ajuster la teinte, la saturation et la luminosité. Copiez celui dont votre projet a besoin.

Palette automatique

L'outil échantillonne l'image et regroupe les tons proches pour faire ressortir les couleurs dominantes : vous obtenez une palette instantanée à réutiliser pour un design cohérent.

Pixels lus en local

L'image est dessinée sur un canevas dans votre navigateur et les couleurs y sont lues. Rien n'est téléversé : vos maquettes et captures d'écran privées restent sur votre machine.

Les bonnes raisons de l'utiliser

  • Copie en un clic : récupérez HEX, RGB ou HSL instantanément.
  • Palette en quelques secondes : les couleurs principales de n'importe quelle image, prêtes à réutiliser.
  • Sans téléversement : les pixels sont lus dans votre navigateur et restent privés.
  • Gratuit : sans compte et sans filigrane.
  • Sur tous les appareils : un clic sur ordinateur ou une pression sur mobile suffit.

Usages courants de la pipette à couleurs

La raison la plus fréquente d'ouvrir cet outil est d'obtenir le code hex d'une couleur visible sur une photo ou une capture d'écran. Déposez un logo et cliquez sur le symbole pour lire la couleur exacte de la marque, ou cliquez sur le fond d'une capture d'écran pour reprendre la couleur d'un site à partir d'une image. Chaque prélèvement vous donne la valeur dans trois formats à la fois : un code HEX comme #1A73E8 à coller dans le CSS ou une application de design, une chaîne RGB comme rgb(26, 115, 232) pour le code, et une chaîne HSL pour ajuster la teinte, la saturation et la luminosité. Un bouton de copie se trouve à côté de chacune : trouver la valeur RGB d'un pixel tient en un clic et une copie.

C'est aussi un moyen rapide de créer une palette à partir d'une image. Au chargement, l'outil lit les pixels et affiche jusqu'à huit des couleurs les plus présentes sous forme de pastilles, chacune avec son code HEX en dessous. Cliquez sur une pastille pour afficher cette couleur dans le cadre principal, ou cliquez sur le code pour le copier directement dans le presse-papiers. Vous extrayez ainsi facilement la gamme de couleurs d'une illustration, d'une photo ou d'un moodboard, ou une série de tons assortis d'une image de référence, sans rien deviner.

Questions fréquentes

Ouvrez votre image, puis cliquez sur l'endroit qui vous intéresse. La couleur de ce pixel s'affiche en HEX, RGB et HSL, chacune avec un bouton de copie.

Oui. Dès que l'image est chargée, l'outil l'analyse et affiche une palette des couleurs les plus présentes. Cliquez sur une pastille pour copier son code HEX.

Non. L'image est dessinée sur un canevas dans votre navigateur et les valeurs de couleur y sont lues. Le fichier n'est jamais envoyé à un serveur.

Ce sont trois façons d'écrire la même couleur. Le HEX est courant en CSS, le RGB indique les valeurs de rouge, de vert et de bleu, et le HSL décrit la teinte, la saturation et la luminosité, pratique pour ajuster les nuances.

Oui. Touchez l'image pour prélever une couleur. L'outil fonctionne dans les navigateurs mobiles, sans application.

Oui : l'outil lit la valeur exacte du pixel dans les données de l'image. La couleur est prise directement à la source, pas estimée.

Oui. Vous pouvez prélever n'importe quel pixel visible. Les zones entièrement transparentes ne renvoient aucune couleur, car il n'y a rien à lire.

Oui, c'est entièrement gratuit, sans compte, et rien n'est ajouté à votre image.

Chargez l'image, puis cliquez sur l'endroit voulu. Le champ HEX affiche le code de ce pixel, par exemple #1A73E8, et le bouton Copier à côté le place dans votre presse-papiers, prêt à coller dans le CSS ou un outil de design.

Cliquez sur le pixel dans l'image et lisez le champ RGB, qui affiche la couleur sous la forme rgb(rouge, vert, bleu), par exemple rgb(26, 115, 232). Utilisez son bouton Copier pour récupérer la valeur. La même couleur s'affiche aussi en HEX et en HSL.

Ouvrez l'image du logo et cliquez directement sur sa partie colorée. La couleur prélevée s'affiche en HEX, RGB et HSL avec des boutons de copie : vous récupérez la couleur exacte de la marque. La palette automatique à côté liste aussi les couleurs principales du logo sous forme de pastilles à copier.

Oui. L'image est dessinée sur un canevas dans votre navigateur et les couleurs sont lues dans les pixels, sur place. Rien n'est envoyé à un serveur : le fichier ne quitte jamais votre appareil.

Outils similaires