tools
Exécution locale

Sélecteur de couleur

Traité sur votre appareil · Aucun téléversement

Choisissez une couleur et copiez les valeurs HEX, RGB et HSL.

#FF0000
RGB 255, 0, 0
HEX
RGB
R
G
B
HSL
hsl(0, 100%, 50%)

Comment utiliser le sélecteur de couleur

  1. Cliquez ou faites glisser dans la zone saturation-valeur pour choisir une couleur.
  2. Utilisez le curseur de teinte en bas pour changer la teinte de base.
  3. Consultez et copiez les valeurs HEX, RGB ou HSL.

The color picker lets you choose a color directly on screen and get its HEX, RGB, and HSL values. It's a quick way to grab and copy color codes for web and app design, documents, or coding. Adjust hue, saturation, and brightness to dial in exactly the shade you want.

HEX vs RGB vs HSL

HEX (#RRGGBB) is the most common notation on the web, RGB describes the three primary colors of light, and HSL (hue, saturation, lightness) is the most intuitive to adjust by hand. The same color is shown in all three formats, so copy whichever one you need.

Need a color from a photo?

If you want a color from an image rather than picking one on screen, use the image color picker. Click anywhere in a photo to extract that exact color.

Questions fréquentes

Puis-je entrer un code HEX directement ?
Oui, tapez un code couleur dans le champ HEX et le sélecteur se positionnera sur cette couleur.
Quelle est la différence avec la pipette d'image ?
Ceci est un sélecteur de couleur autonome. La pipette d'image extrait les couleurs d'images importées.
Quels modèles de couleur sont pris en charge ?
Utilise un sélecteur TSV (Teinte-Saturation-Valeur) et fournit des valeurs en HEX, RGB et HSL.
Can I type in a HEX code?
Yes. Enter a code in the HEX field and the picker jumps to that color.
How do I copy a color value?
Click the displayed HEX, RGB, or HSL value to copy it to your clipboard.

Guides associés

Outils associés