Pipette et palette de couleurs d’image

Trouve les couleurs principales d’une image et les affiche en codes HEX, RGB et HSL, et donne le code de n’importe quel point sur lequel vous appuyez. Utilisez-le pour reprendre les couleurs d’une photo dans une création graphique, ou pour vérifier la couleur d’un logo.

Mode d’emploi

1. Déposez une image dans la zone ou cliquez pour en choisir une.
2. « Couleurs principales » liste les couleurs les plus présentes et leur proportion. Essayez un autre « Nombre de couleurs » (de 5 à 10) ou une autre « Méthode ».
3. Appuyez ou faites glisser sur l’image pour voir la couleur de ce point sous « Couleur prélevée ». Vous pouvez zoomer d’abord, et la « Zone de prélèvement » permet de faire la moyenne des pixels voisins.
4. Appuyez sur un code pour le copier. Pour toute la palette, utilisez « Copier en variables CSS », « Copier en JSON » ou « Enregistrer en PNG ».

Fonctionnement

• Les couleurs principales sont calculées sur une copie réduite à 256 pixels au maximum sur son plus grand côté. Les pixels transparents ne sont pas comptés.
• La coupe médiane divise à plusieurs reprises le groupe dont les couleurs sont les plus dispersées au niveau de sa valeur médiane ; les k-moyennes recalculent à plusieurs reprises le centre de chaque groupe. Les k-moyennes prennent un peu plus de temps.
• Les 30 dernières couleurs prélevées sont conservées dans ce navigateur, sur cet appareil. L’image n’est pas envoyée en ligne.

Questions fréquentes

Comment obtenir le code couleur d’une image ?

Ouvrez l’image et appuyez sur l’endroit voulu. Les codes HEX, RGB et HSL apparaissent sous « Couleur prélevée » ; appuyez sur un code pour le copier.

Quelle est la différence entre HEX et RGB ?

Ce sont deux façons d’écrire la même couleur. Le RGB donne le rouge, le vert et le bleu sous forme de nombres de 0 à 255, et le HEX écrit ces trois mêmes valeurs avec deux chiffres hexadécimaux chacune. rgb(255, 0, 0) correspond à #FF0000.

Pourquoi la couleur prélevée est-elle légèrement différente de ce que je vois ?

Des pixels voisins d’une photo diffèrent souvent un peu. Réglez la « Zone de prélèvement » sur la moyenne de 3 × 3 ou 5 × 5 pixels pour obtenir une valeur plus stable.

Peut-on prélever une couleur en dehors de cette page ?

Seulement dans les navigateurs qui le permettent. Un bouton « Prélever n’importe où à l’écran » y apparaît et permet de prélever n’importe quel point de l’écran.