FR

Convertisseur HEX en RGB

Collez un code couleur hexadécimal et obtenez aussitôt ses valeurs RGB, dans la syntaxe CSS moderne comme dans la forme classique avec virgules.

Gratuit et privé. Tout se passe dans votre navigateur, rien n'est envoyé.

Comment ça marche

  1. Saisissez la couleurTapez ou collez la valeur dans le champ.
  2. Copiez le résultatLa valeur convertie se trouve en haut de la liste.
  3. Allez plus loinLes autres formats, le contraste et les nuances sont juste en dessous.

De #RRGGBB au rouge, vert et bleu

Un code hexadécimal, ce sont simplement trois nombres de 0 à 255 écrits en base 16 : dans #0D6B57, les paires 0D, 6B et 57 valent rouge 13, vert 107 et bleu 87. Les codes courts comme #fa0 doublent chaque chiffre, et les codes à huit chiffres ajoutent un canal alpha : #0D6B5780 est donc la même couleur à environ 50 % d'opacité.

Le résultat s'affiche en rgb(13 107 87), la syntaxe CSS moderne, ainsi qu'en rgb(13, 107, 87) ou rgba() pour le code plus ancien, les logiciels de graphisme et les API de couleurs Android ou iOS qui attendent des nombres séparés.

Également utile

Les valeurs HSL, OKLCH et CMJN sont listées dessous, avec un test de contraste et des nuances, si vous construisez une palette.

Questions fréquentes

Comment convertir un code hexadécimal avec transparence ?

Utilisez 8 chiffres, par exemple #0D6B5780. Les deux derniers chiffres sont la valeur alpha.

Quels formats de couleur puis-je saisir ?

Tout ce qui est valide en CSS : HEX à 3, 4, 6 ou 8 chiffres, rgb(), hsl(), hwb(), lab(), oklch() et les noms de couleurs.

La valeur CMJN est-elle exacte pour l'impression ?

C'est une conversion simple, sans profil d'impression. Pour une impression professionnelle, utilisez les valeurs CMJN issues du profil de votre imprimeur.

Quel rapport de contraste faut-il viser ?

Le niveau WCAG AA demande 4,5:1 pour le texte normal et 3:1 pour le grand texte et les éléments d'interface.

Pourquoi l'OKLCH est-il important ?

Il correspond à la façon dont nous percevons la luminosité : les palettes et les dégradés créés en OKLCH paraissent réguliers.