pixel → HEX · RGB · HSL
Pipette de couleur d’image
Cliquez sur un pixel d’une image pour lire sa couleur : un pixel de #0060fd se lit rgb(0, 96, 253) et hsl(217, 100%, 50%). Ajoutez une image pour relever les couleurs de la vôtre.
- rgb(0, 96, 253) = #0060fd
- rgb(255, 128, 0) = #ff8000
- #0060fd 75% + #ffffff 25%
Choisissez d’un clic, d’un appui ou avec les touches fléchées. Votre image est dessinée dans cet onglet uniquement et n’est jamais envoyée.
Scanned by 
NortonTM Safe Web
En bref
- Prix
- Sans frais
- Compte
- Aucun requis
- Envoi
- Aucun — l’image est dessinée dans l’onglet de votre navigateur et rien n’est envoyé
- Formats
- PNG, JPEG, WebP, GIF, AVIF, BMP et SVG, dans la mesure où votre navigateur les décode
- Taille d’image
- Dessinée jusqu’à 1600 pixels sur le plus grand côté ; fichiers jusqu’à 200 Mo et 120 millions de pixels
- Palette
- Six couleurs dominantes par coupe médiane sur environ 20,000 pixels échantillonnés
Couleurs relevées et fonctionnement de la palette
Ces lignes ont été produites par le même code que l’outil. Le tableau de palette utilise une image de 4 × 4 pixels avec douze pixels bleus et quatre pixels blancs.
| Couleur du pixel | HEX | RGB | HSL |
|---|---|---|---|
| #0060fd | #0060fd | rgb(0, 96, 253) | hsl(217, 100%, 50%) |
| #ff8000 | #ff8000 | rgb(255, 128, 0) | hsl(30, 100%, 50%) |
| #00a86b | #00a86b | rgb(0, 168, 107) | hsl(158, 100%, 33%) |
| #767676 | #767676 | rgb(118, 118, 118) | hsl(0, 0%, 46%) |
| #fdd835 | #fdd835 | rgb(253, 216, 53) | hsl(49, 98%, 60%) |
| Couleur de la palette | Part des pixels |
|---|---|
| #0060fd | 75% |
| #ffffff | 25% |
Comment relever une couleur dans une image
Ajoutez une image
Déposez un fichier PNG, JPEG, WebP, GIF, AVIF, BMP ou SVG sur la zone, choisissez-en un avec Parcourir, ou collez une image depuis le presse-papiers. Une image d’exemple s’affiche tant que vous n’ajoutez pas la vôtre.
Cliquez, touchez ou utilisez les touches fléchées
Cliquez ou touchez un point, ou faites glisser sur l’image. Quand l’image a le focus, les touches fléchées déplacent le réticule d’un pixel à la fois, et Maj avec une flèche le déplace de dix pixels. Les tuiles donnent la couleur en HEX, RGB et HSL.
Copiez une couleur ou une entrée de la palette
Appuyez sur Copier sur une tuile, ou sur un échantillon de la palette pour copier son code HEX. La palette liste les six couleurs dominantes de toute l’image avec la part de l’image que chacune couvre.
Comment les couleurs sont lues
Le navigateur décode votre fichier et la page le dessine sur un élément canvas dans cet onglet. Une image de plus de 1600 pixels sur son plus grand côté est réduite pour tenir : une couleur lue dans une très grande image provient donc de la copie réduite, où les pixels voisins ont été moyennés. La page demande ensuite au canvas les valeurs rouge, verte, bleue et alpha du pixel unique sous le réticule et les affiche en HEX, RGB et HSL. Un pixel avec transparence est affiché avec sa valeur alpha. Un canvas stocke les couleurs multipliées par leur alpha : un canal d’un pixel partiellement transparent peut donc être décalé d’une unité : 200 se lit 199 à 50% d’opacité.
La palette utilise la coupe médiane. La page examine un pixel sur n, au plus environ 20,000, et écarte les pixels transparents à plus de moitié. Elle place ces couleurs dans une boîte, puis coupe de façon répétée la boîte dont l’écart est le plus large sur un canal, à la médiane de ce canal, jusqu’à obtenir six boîtes ou jusqu’à ce qu’aucune boîte ne contienne deux couleurs différentes. Chaque boîte est affichée comme la moyenne de ses pixels, avec la part des pixels échantillonnés qu’elle contient, de la plus grande à la plus petite. Le résultat est le même à chaque fois pour la même image. Une image de moins de six couleurs distinctes donne une palette plus courte, et les images animées sont lues comme une seule image fixe.
Questions sur la pipette de couleur d’image
Comment obtenir le code HEX d’une couleur dans une image ?
Ajoutez l’image, puis cliquez sur l’endroit voulu. La tuile HEX affiche le code de ce pixel, par exemple #0060fd, et Copier le place dans le presse-papiers. Pour obtenir les couleurs principales sans choisir d’endroit, appuyez plutôt sur un échantillon de la palette.
Quels formats d’image fonctionnent ?
PNG, JPEG, WebP, GIF, AVIF, BMP et SVG, tant que votre navigateur peut les décoder. L’AVIF dépend de la version du navigateur. Les autres fichiers, comme PDF ou TIFF, sont refusés avec un message. Les fichiers de plus de 200 Mo ou de plus de 120 millions de pixels sont aussi refusés.
Comment la palette de six couleurs est-elle choisie ?
Par coupe médiane sur un échantillon d’environ 20,000 pixels : les couleurs sont réparties en boîtes à la médiane de leur canal le plus large jusqu’à en avoir six, et chaque boîte devient la moyenne de ses pixels. Le pourcentage sous chaque échantillon est la part des pixels échantillonnés dans cette boîte. Les pixels en grande partie transparents sont ignorés.
Pourquoi deux pixels voisins donnent-ils des couleurs légèrement différentes ?
Les photos et les images compressées comme le JPEG varient un peu d’un pixel à l’autre : deux points qui semblent identiques peuvent différer de quelques unités par canal. Cliquez sur plusieurs points, ou utilisez la palette, qui moyenne de nombreux pixels, pour obtenir une couleur représentative.
Mon image est-elle envoyée quelque part ?
Non. Le fichier est décodé et dessiné par votre navigateur dans cet onglet, les couleurs sont lues dans ce dessin et rien n’est envoyé à un serveur. Fermer ou recharger la page supprime l’image.
À quoi sert le bouton de sélection à l’écran ?
Dans les navigateurs qui proposent la fonction EyeDropper, le bouton vous permet de cliquer sur n’importe quel point de votre écran, y compris dans d’autres fenêtres, et affiche sa couleur. Les navigateurs sans cette fonction n’affichent pas le bouton ; la sélection dans l’image fonctionne partout.