Mes outils

Sélecteur de couleur à l’écran

Déposez une capture et lisez la couleur exacte de chaque pixel — HEX, RGB et HSL, mis à jour au déplacement.

Aucune image pour l’instant

Faites glisser une image ici, collez une capture avec ⌘V / Ctrl+V, ou choisissez un fichier.

PNG, JPG, WebP, GIF et BMP — jusqu’à 20 Mo et 16 mégapixels.

Tout s’exécute dans votre navigateur. L’image est lue en mémoire et jamais envoyée.

Là où votre navigateur le permet, « Prélever à l’écran » lit une couleur directement sur l’écran. Si ce bouton est absent, faites une capture et collez-la à la place.

Couleurs prélevées

Rien d’épinglé pour l’instant — cliquez sur un pixel de l’image.

Mode d’emploi

  1. Chargez une image : faites-la glisser, collez une capture avec ⌘V / Ctrl+V, choisissez un fichier, ou appuyez sur « Charger l’exemple ».
  2. Déplacez le curseur sur l’image — HEX, RGB et HSL se mettent à jour en direct, avec une loupe de 11 × 11 pixels sur ordinateur.
  3. Cliquez ou touchez un pixel pour l’épingler dans la liste ci-dessous, puis copiez une valeur en un clic.
  4. Là où votre navigateur le permet, appuyez sur « Prélever à l’écran » pour lire une couleur n’importe où sur l’écran sans charger d’image.
  5. Clavier : focalisez l’image, déplacez le point d’échantillonnage avec les flèches (maintenez Maj pour aller plus vite), puis appuyez sur Entrée pour épingler la couleur.
  6. Appuyez sur « Effacer » pour réinitialiser l’image, la lecture et la liste.

Exemple

Image d’exemple

ykit-sample.png
1200 × 800 · six blocs de couleur, un dégradé et une zone transparente

Lecture

#1E5FBF
rgb(30, 95, 191)
hsl(216, 73%, 43%)
Famille : Bleu · à 240, 180

La lecture vient du pixel brut sous le curseur, pas de l’aperçu redimensionné. Un pixel entièrement transparent indique qu’il n’a pas de couleur au lieu d’afficher #000000.

Règles, limites et problèmes connus

  • Le nom de famille est un regroupement grossier fondé sur la teinte et la luminosité — ce n’est pas un nom de couleur exact.
  • Un pixel entièrement transparent n’a pas de couleur ; l’outil le dit au lieu d’afficher #000000. Un pixel partiellement transparent conserve son propre RGB et affiche un pourcentage d’alpha.
  • Les valeurs viennent du pixel brut, tandis que l’aperçu est redimensionné pour tenir : les bords anticrénelés mélangent les couleurs, prélevez donc l’intérieur d’une forme plutôt que son contour.
  • Le prélèvement à l’écran exige la prise en charge d’EyeDropper par le navigateur et un geste utilisateur. Quand elle est indisponible, le bouton est masqué — faites une capture et collez-la à la place.
  • Une seule image à la fois, jusqu’à 20 Mo et 16 mégapixels. Tout ce qui dépasse est refusé d’emblée plutôt que de ralentir en silence.
  • Les photos subissent la balance des blancs, la compression et la calibration de l’écran : une valeur prélevée correspond au fichier, pas nécessairement à l’objet réel.
  • Pas de palette dominante, pas de conversion de format, pas de retouche d’image ni de règle d’écran — ce sont des outils distincts, liés ci-dessous.

Que faire une fois la valeur obtenue.

Convertisseur de couleurs — transformer cette valeur en d’autres formats

Extracteur de palette d’image — les couleurs dominantes de toute l’image

Générateur de palettes — construire une harmonie autour d’elle