Aller au contenu
FR

Sélecteur de couleur et convertisseur de codes

Choisissez une couleur ou collez un code : conversion instantanée en HEX, RGB, HSL et CMJN, pipette d'écran, nuances et contraste. Gratuit, dans le navigateur.

  • Gratuit
  • Sans inscription
  • Aucun fichier envoyé
  • Windows, Mac, Android, iPhone

Chargement de l'outil…

Partager cet outil

À propos de cet outil

Vous avez un code HEX et il vous faut du RGB pour un logiciel, du HSL pour une feuille de style ou du CMJN pour un imprimeur ? Choisissez la couleur ou collez son code : les quatre formats s'affichent ensemble, chacun avec un bouton Copier. La pipette prélève une couleur n'importe où à l'écran.

Dans quels cas l'utiliser ?

Passer d'un logiciel à l'autre

Un code HEX de maquette à saisir en RGB dans un logiciel de bureautique, ou l'inverse.

Préparer une impression

Obtenez une première valeur CMJN d'une couleur d'écran, à confirmer avec l'imprimeur.

Retrouver une couleur

Prélevez avec la pipette la couleur d'un logo ou d'une page affichée à l'écran.

Mode d'emploi

  1. Choisissez une couleur dans le sélecteur, ou collez un code ou un nom de couleur.
  2. Lisez la couleur en HEX, RGB, HSL et CMJN.
  3. Copiez le format qu'il vous faut.
  4. Utilisez au besoin la pipette, les nuances ou la vérification du contraste.

Comment ça marche

Les conversions sont calculées dans votre navigateur : HSL d'après la teinte, la saturation et la luminosité de la couleur RGB, CMJN d'après la formule théorique sans profil ICC. Les noms CSS (« tomato », « navy »…) sont lus par le moteur du navigateur.

La pipette utilise l'API EyeDropper, disponible dans Chrome et Edge sur ordinateur. Le contraste avec le blanc et le noir suit la formule WCAG 2.

Conseils pour un bon résultat

  • Pour un texte sur fond blanc, visez un contraste d'au moins 4,5 : 1 (niveau AA).
  • Le HSL facilite les variantes : changez seulement la luminosité pour obtenir une teinte plus claire ou plus foncée.
  • Pour l'impression professionnelle, utilisez le profil CMJN de l'imprimeur plutôt qu'une conversion théorique.
  • Pour composer plusieurs couleurs qui vont ensemble, passez à la palette de couleurs.

Problèmes fréquents et solutions

La pipette n'apparaît pas

Elle n'existe que dans Chrome et Edge sur ordinateur. Ailleurs, faites une capture d'écran et utilisez « Couleurs d'une image ».

Le CMJN imprimé ne ressemble pas à l'écran

L'écran mélange de la lumière, l'imprimante de l'encre : certaines couleurs vives ne s'impriment pas. Demandez une épreuve à l'imprimeur.

Mon code n'est pas reconnu

Vérifiez le format : #rrggbb, rgb(r, g, b), hsl(t, s%, l%) ou cmyk(c%, m%, j%, n%).

Questions fréquentes

Quelle différence entre HEX et RGB ?

C'est la même couleur écrite autrement : le HEX donne les trois valeurs rouge, vert et bleu en hexadécimal, le RGB en nombres de 0 à 255.

Le CMJN affiché est-il exact ?

C'est une conversion théorique. Le rendu imprimé dépend du papier, des encres et du profil de l'imprimeur.

Puis-je saisir un nom de couleur ?

Oui, tous les noms CSS sont acceptés : « tomato », « navy », « rebeccapurple »…

Comment prélever une couleur à l'écran ?

Avec le bouton pipette, dans Chrome ou Edge sur ordinateur : cliquez ensuite n'importe où sur l'écran.

Mes couleurs sont-elles envoyées ?

Non, tout est calculé dans votre navigateur ; la dernière couleur reste dans votre navigateur pour la prochaine visite.

Recherches associées

Toujours bloqué ?

Posez votre question sur le forum : la catégorie, l'outil, la fiche de votre appareil et le résultat du test seront déjà remplis.