Skip to content

Selecteur de couleur

In-browser only HEX · RGB · HSL · HSV · CMYK · OKLCH Screen eyedropper
Couleurs d'exemple
#1E8CE6La pipette d'ecran n'est pas disponible dans ce navigateur.
Canaux RGBA
Valeurs de couleur
HEX#1E8CE6
RGBrgb(30, 140, 230)
HSLhsl(207, 80%, 51%)
HSVhsv(207, 87%, 90%)
CMYKcmyk(87%, 39%, 0%, 10%)
OKLCHoklch(0.627 0.164 249)

CMYK est une approximation derivee du sRGB, sans profil ICC. Pour l'impression, validez les valeurs avec votre imprimeur.
Outils associes Voir tout

Apercu

Choisissez une couleur et lisez chaque format

Choisissez une couleur depuis le spectre ou echantillonnez un pixel a l'ecran, puis copiez-la en HEX, RGB, HSL, HSV, CMYK ou OKLCH. Tout s'execute dans votre navigateur.

  • Selecteur de spectre avec curseurs de teinte et alpha
  • Pipette d'ecran dans les navigateurs compatibles
  • Six formats de sortie copiables en un clic
  • Champs HEX et canaux pour des valeurs exactes
  • S'execute entierement dans votre navigateur
  • S'execute entierement dans votre navigateur — rien n'est envoye
  • Aucun compte ni connexion requis pour utiliser le selecteur
  • Les donnees de couleur ne quittent jamais votre appareil
  • Choisir une couleur et copier sa valeur HEX, RGB, HSL, HSV, CMYK ou OKLCH
  • Echantillonner une nuance precise a l'ecran avec la pipette
  • Convertir une couleur entre HEX, RGB, HSL, HSV, CMYK et OKLCH pour un transfert de design
  • Obtenir des valeurs de couleur CSS pretes a l'emploi pour une feuille de style
  • Faire correspondre une couleur entre les formats HEX, RGB et HSL

Pour commencer

Comment choisir une couleur

  1. 1
    Choisir une nuance

    Glissez dans le carre saturation/luminosite pour regler la vivacite et la clarte. Utilisez les fleches pour des ajustements fins au clavier.

  2. 2
    Definir la teinte

    Deplacez le curseur arc-en-ciel pour choisir la couleur de base, puis utilisez le curseur alpha en dessous si vous avez besoin de transparence.

  3. 3
    Ou saisir une valeur exacte

    Saisissez un code hex dans le champ HEX, ou definissez directement les canaux R, V, B et A pour une entree precise.

  4. 4
    Echantillonner depuis l'ecran

    Dans les navigateurs compatibles, cliquez sur le bouton Pipette pour choisir la couleur de n'importe quel pixel a l'ecran.

  5. 5
    Copier le format voulu

    Chaque ligne de valeur — HEX, RGB, HSL, HSV, CMYK, OKLCH — possede un bouton de copie qui place la valeur dans le presse-papiers.

Reference

Reference des formats de couleur

Reference des formats de couleur
FormatExempleIdeal pour
HEX#1E88E5Web et CSS — la notation la plus repandue
RGBrgb(30, 136, 229)Modifications par canal et outils d'image
HSLhsl(207, 78%, 51%)Reglages intuitifs de clarte et saturation
HSVhsv(207, 87%, 90%)Outils de design avec un axe valeur/luminosite
CMYKcmyk(87%, 41%, 0%, 10%)Point de depart impression (approximatif, sans ICC)
OKLCHoklch(0.62 0.16 248)Systemes de design uniformes et equilibres

Conseils pratiques

Conseils pour travailler la couleur

  • Utilisez OKLCH pour les palettes

    OKLCH etant perceptuellement uniforme, garder sa luminosite fixe en changeant la teinte produit des tons percus comme egalement lumineux — utile pour des echelles de design coherentes.

  • Attention au basculement alpha

    Quand l'alpha passe sous 1, HEX devient 8 caracteres (#RRGGBBAA) et RGB/HSL passent en rgba()/hsla(). Remettez l'alpha a 1 pour la notation courte. HSV, CMYK et OKLCH n'incluent pas de composante alpha dans leur sortie.

  • CMYK reste indicatif

    La conversion ecran-impression depend du papier, de l'encre et des profils ICC. Utilisez la valeur CMYK pour communiquer l'intention, pas comme specification finale.

  • Selection au clavier

    Placez le focus sur le carre du spectre et utilisez les fleches ; maintenez Maj pour de plus grands pas. Les curseurs de teinte et alpha repondent aussi aux fleches.

Questions frequentes

Comment fonctionne ce selecteur de couleur ?
Glissez dans le carre saturation/luminosite pour choisir une nuance, puis utilisez le curseur de teinte pour la couleur de base et le curseur alpha pour l'opacite. L'outil convertit votre selection en HEX, RGB, HSL, HSV, CMYK et OKLCH en temps reel. Tout s'execute dans votre navigateur.
Puis-je choisir une couleur n'importe ou a l'ecran ?
Oui, dans les navigateurs compatibles. Cliquez sur le bouton Pipette pour echantillonner n'importe quel pixel a l'ecran via l'API EyeDropper native. Le bouton est masque dans les navigateurs non compatibles ; vous pouvez alors saisir une valeur hex ou utiliser le spectre.
Quelle difference entre HEX, RGB, HSL et OKLCH ?
HEX (#RRGGBB) est le format web le plus courant. RGB definit les canaux rouge, vert et bleu de 0 a 255. HSL utilise teinte, saturation et luminosite, plus intuitif pour beaucoup de designers. OKLCH est un espace moderne perceptuellement uniforme ou des valeurs de luminosite egales paraissent egalement lumineuses, ideal pour des palettes equilibrees.
Comment ajouter de la transparence a une couleur ?
Utilisez le curseur alpha sous le curseur de teinte, ou saisissez une valeur de 0 a 1 dans le champ A. Lorsque l'alpha est inferieur a 1, la valeur HEX passe en 8 caracteres (#RRGGBBAA) et RGB/HSL passent en rgba()/hsla().
Pourquoi la valeur CMYK semble-t-elle approximative ?
CMYK est calcule mathematiquement depuis le sRGB sans profil ICC : c'est une estimation et non une conversion fidele a l'impression. Utilisez-la comme point de depart et validez les valeurs finales avec votre imprimeur.
Comment copier une valeur de couleur sur mobile ?
Chaque ligne de format possede un bouton de copie. Appuyez : la valeur passe dans le presse-papiers, avec une confirmation annoncee pour les lecteurs d'ecran.