FrançaisFR

Sélecteur de couleur et convertisseur – HEX, RGB, HSL

Choisissez une couleur ou collez n’importe quel code couleur : tous les formats se mettent à jour aussitôt.

Vos textes et fichiers restent dans votre navigateur : rien n’est envoyé à un serveur.

#0F766E
Codes couleur

Teintes claires (mélangées au blanc)
Teintes foncées (mélangées au noir)

Cliquez sur une pastille pour reprendre cette couleur. Le nombre indique la part du mélange en pourcentage.

Variables CSS

Mode d’emploi

  1. Cliquez sur la pastille pour choisir une couleur, ou collez un code dans n’importe quel champ, HEX ou RGB par exemple.
  2. Modifiez un champ et tous les autres s’adaptent. Vous pouvez aussi saisir seulement trois nombres sans « rgb( ».
  3. Les rangées de teintes claires et foncées proposent des couleurs proches : un clic en fait la nouvelle couleur de base.
  4. Nommez votre variable dans « Variables CSS » et copiez le bloc dans votre feuille de style. La couleur figure dans l’adresse de la page : vous pouvez partager le lien tel quel.

Questions fréquentes

Quelle différence entre HEX et RGB ?

Les deux décrivent la même couleur avec une écriture différente. Le HEX note les valeurs de rouge, vert et bleu (0–255) avec deux chiffres hexadécimaux chacune, le RGB (ou RVB) note ces mêmes valeurs en nombres décimaux.

Une impression avec ces valeurs CMJN ressemblera-t-elle à l’écran ?

Les valeurs CMJN affichées ici sont une simple conversion mathématique, à prendre comme point de départ. Les vraies couleurs d’impression dépendent du papier, de l’encre et du profil colorimétrique de la machine : validez les valeurs avec votre imprimeur.

Qu’est-ce que l’OKLCH ?

L’OKLCH décrit une couleur par sa luminosité perçue (L), sa saturation (C, chroma) et sa teinte (H). Le CSS moderne prend directement en charge oklch(), et si vous ne modifiez que la luminosité, la teinte reste visuellement la même.

Pourquoi je ne vois pas le bouton « Prélever à l’écran » ?

Il n’apparaît que dans les navigateurs de bureau qui prennent en charge l’API EyeDropper, comme Chrome et Edge. Dans les autres navigateurs, vous pouvez prélever des couleurs sur une photo avec l’outil de pipette sur image.

Outils similaires

Couleur d’une imageCouleurs et palette d’une imageVérificateur de contrasteRatio de contraste, niveaux AA et AAANuancier pour Tailwind CSSUne couleur, une échelle de 50 à 950Dégradé CSSDégradés linéaires, radiaux, coniques

Tous les outils