Échantillonneur privé dans le navigateur

Pipette de couleur sur image en HEX, RGB et HSB

Déposez, choisissez ou collez une image, puis cliquez sur la zone à examiner. Toon Tone transforme le pixel choisi en valeurs HEX, RGB et HSB prêtes à copier et permet de réunir une petite palette de travail.

Mis à jour le 21 juillet 2026

pipette de couleur sur image

Que fait cette pipette de couleur sur image ?

Cette pipette de couleur sur image lit les données rouge, vert, bleu et alpha du pixel exact choisi dans un canevas du navigateur. Elle présente ce même pixel en HEX à six chiffres, RGB et HSB, indique ses coordonnées et peut enregistrer jusqu’à cinq couleurs dans une palette téléchargeable. Les fichiers importés ou collés restent dans l’onglet actuel et ne sont pas transmis à un serveur Toon Tone.

Prélevez une couleur exacte dans votre image

Prélevez une couleur exacte dans votre image

Utilisez l’illustration d’exemple ou remplacez-la par une image JPG, PNG, WebP, GIF ou un autre format lisible par le navigateur. Cliquez ou faites glisser sur le canevas.

Traitement local — l’image n’est pas envoyée

Déposez une image iciou choisissez un fichier sur votre appareil
Vous pouvez aussi coller une image depuis le presse-papiers. · Image lisible par le navigateur · 12 Mo maximum
Illustration exemple Toon Tone0 × 0px

Votre palette de cinq couleurs

Votre palette de cinq couleurs

Enregistrez des prélèvements distincts, copiez la palette ou exportez un PNG légendé.

Prélevez une couleur puis ajoutez-la ici. Vous pouvez en garder cinq.

Image prête. Cliquez sur une zone pour prélever un pixel.

Traitement local — l’image n’est pas envoyée

Votre image reste dans cet onglet

La pipette décode le fichier avec les API d’image du navigateur et lit les pixels dans un canevas local. Ce parcours ne comporte ni point d’envoi, ni compte, ni bibliothèque cloud, ni sauvegarde en arrière-plan. Fermer ou actualiser l’onglet efface l’image de travail et la palette.

  • Aucun envoi au serveur
  • Aucun compte nécessaire
  • L’export de palette est créé sur votre appareil

Comment prélever une couleur sur une image

Un prélèvement fiable commence par une zone source claire et se termine par un code conservé. Ces trois étapes relient l’image, le pixel et le résultat.

1. Chargez l’image source

Choisissez, déposez ou collez une image. Le navigateur adapte les grands fichiers à l’espace de travail tout en préservant la relation entre les pixels utilisée pour le prélèvement.

2. Cliquez sur la bonne surface

Visez l’intérieur d’une zone plate plutôt qu’un bord lissé, un reflet, une ombre ou un bloc de compression. La grille agrandie confirme le pixel exact.

3. Copiez ou enregistrez

Copiez le HEX, le RGB ou le HSB d’un prélèvement, ou réunissez plusieurs couleurs significatives dans une palette de cinq tons à télécharger.

Choisissez le format adapté à l’étape suivante

Les formats décrivent le même pixel affiché, mais chacun facilite une lecture ou une modification différente.

Choisissez le format adapté à l’étape suivante
FormatUsage conseilléValeur affichée
HEXVariables CSS, notes de design et partageCode web à six chiffres
RGBLecture des canaux et graphisme navigateurRouge, vert et bleu de 0 à 255
HSBRéglage visuel et entraînement Toon ToneTeinte 0–360°, saturation et luminosité 0–100 %

Quand une pipette de couleur sur image est utile

Le prélèvement est plus utile lorsque la source, la zone visée et l’emploi final sont clairement définis.

Étude de cartoons et d’illustrations

Prélevez une zone plate de vêtement, fourrure, accessoire ou fond, gardez quelques tons liés et observez la teinte, la saturation et la luminosité. Une capture reste une référence d’étude, pas une spécification officielle de licence.

Transmission UI et design

Lisez un pixel dans une maquette ou une capture, copiez son HEX et conservez le fichier source avec le résultat. Vérifiez le jeton approuvé lorsqu’une fidélité exacte de marque ou de production est requise.

Entraînement de mémoire chromatique

Choisissez une couleur, cachez la source, reconstruisez l’impression avec HSB ou Toon Tone, puis comparez votre souvenir au prélèvement après avoir validé une réponse.

Un pixel exact n’est pas toujours la couleur représentative

Une image est une grille de pixels : la pipette peut donc donner les valeurs rouge, vert et bleu stockées à une coordonnée précise. Cette exactitude ne choisit pas le point qui représente le mieux un objet. Un vêtement peut contenir une couleur de base, un reflet, une ombre, un contour et des pixels de bord lissés. Tous sont réels, mais un seul correspond peut-être à votre question. Définissez d’abord la partie cible, puis prélevez son intérieur large et stable.

Effectuez plusieurs lectures lorsque la surface comporte texture, éclairage, dégradé ou compression. Gardez quelques prélèvements intentionnels plutôt qu’une multitude de clics aléatoires. Une palette base, lumière, ombre, accent et fond apporte souvent plus d’information qu’un code isolé. Si vous recherchez une moyenne dominante plutôt qu’un point, il s’agit d’un autre calcul : nommez-le palette extraite ou moyenne et non pixel exact.

Utilisez la loupe pour éviter les bords mélangés

Les bords d’une illustration numérique sont souvent anticrénelés. Le navigateur mélange l’objet et le fond dans les pixels voisins afin qu’une courbe paraisse lisse à taille normale. Un clic sur cette transition peut produire une couleur absente de l’aplat central. La grille agrandie montre le voisinage du pointeur et marque la case choisie, ce qui aide à éviter contours, franges transparentes, texte lissé et petits reflets avant l’enregistrement.

Les coordonnées de souris ou de toucher sont reconverties vers la grille du canevas même si l’image affichée est réduite sur téléphone ou ordinateur. Au clavier, placez le focus sur le canevas et déplacez le point avec les flèches ; Maj augmente le pas. Les coordonnées indiquent l’image de travail décodée. Conservez l’original lorsqu’un processus de production exige les positions de sa résolution native complète.

Compression, transparence et profils modifient un prélèvement

La compression JPEG peut créer de petits blocs ou halos autour des lignes contrastées ; des pixels voisins diffèrent alors même si l’aplat semble uniforme. PNG et WebP peuvent inclure de la transparence, et un pixel partiellement transparent est généralement composé sur un fond avant d’être perçu. L’outil lit l’apparence décodée du canevas et affiche l’alpha lorsqu’il n’est pas entièrement opaque. Éloignez-vous des bords abîmés et notez le format source.

Le canevas du navigateur appartient à un flux destiné à l’écran. Profil incorporé, source à large gamut, gestion colorimétrique du système, calibration, luminosité de l’écran et couleurs voisines influencent l’apparence. Un code peut être juste pour le pixel décodé sans prouver qu’un autre appareil, une impression, une peinture, un produit ou un fichier officiel utilise le même ton. Pour une décision de production exacte, revenez à l’actif de référence et à son espace colorimétrique documenté.

Questions sur la pipette de couleur sur image

Toon Tone envoie-t-il mon image ?

Non. L’image choisie ou collée est décodée et lue dans l’onglet actuel. Cette page ne possède ni point d’envoi d’image, ni bibliothèque de compte, ni sauvegarde cloud.

Quels formats puis-je utiliser ?

Utilisez les formats décodés par votre navigateur, généralement JPG, PNG, WebP, GIF et plusieurs autres. La limite de 12 Mo maintient un espace de travail local réactif.

Pourquoi la couleur change-t-elle à quelques pixels près ?

Les pixels voisins peuvent contenir anticrénelage, ombre, reflet, texture, transparence ou artefact de compression. Utilisez la loupe et visez l’intérieur stable pour une couleur de base.

Les valeurs HEX et RGB sont-elles exactes ?

Elles sont exactes pour le pixel décodé du canevas. Elles ne prouvent pas qu’une capture correspond au fichier source, à un autre profil, à un écran calibré, à une impression ou à un produit.

Puis-je créer une palette depuis une image ?

Oui. Enregistrez jusqu’à cinq couleurs distinctes, copiez leurs valeurs HEX, RGB et HSB ou téléchargez un PNG de nuances légendé.

HSB et HSL sont-ils identiques ?

Non. HSB correspond généralement à HSV, tandis que HSL calcule différemment son axe de clarté. Gardez HEX ou RGB avec les pourcentages lors d’un transfert.