Irodori彩り

RGB to HEX

HEX · RGB · HSL · OKLCH · Lab · CMYK

RGB to HEX

Chaque format de couleur décrit la même chose dans un langage différent : HEX pour les feuilles de style, RGB pour les écrans et le code, HSL pour construire des palettes, CMYK pour l’impression. Choisissez la conversion et obtenez la valeur exacte, un aperçu en direct et la formule.

Cette couleur dans tous les formats

La même couleur en HEX, RGB, HSL et CMYK. Copiez n’importe quelle valeur.

Conversion RGB vers HEX

Chaque conversion normalise d’abord RGB en triplet sRGB (rouge, vert, bleu de 0 à 255), puis l’encode en HEX. Les deux écritures décrivent le même pixel : la couleur visible ne change pas.

1

Lire l’entrée

Décomposer la valeur RGB en canaux (paires hexadécimales, nombres ou pourcentages).

2

Normaliser en sRGB

Ramener chaque canal sur 0–255 pour éviter l’accumulation des arrondis.

3

Encoder en HEX

Produire le résultat en HEX et le coller dans la feuille de style ou l’outil de design.

Formule

rgb(255, 87, 51)
→ sRGB  rgb(255,87,51)
→ HEX  #FF5733

Exemple de calcul

rgb(255, 87, 51) = #FF5733 = #FF5733

Les canaux sont arrondis à l’entier ; pour revenir en arrière, utilisez le même outil afin d’éviter les dérives.

Table de référence RGB vers HEX

Des valeurs courantes converties avec la même formule.

Entrée (RGB)Résultat (HEX)
rgb(255,87,51)#FF5733
rgb(79,70,229)#4F46E5
rgb(46,204,113)#2ECC71
rgb(52,152,219)#3498DB
rgb(231,76,60)#E74C3C
rgb(25,174,153)#19AE99
rgb(155,89,182)#9B59B6
rgb(243,156,18)#F39C12
rgb(52,73,94)#34495E
rgb(233,31,99)#E91F63
rgb(0,0,0)#000000
rgb(255,255,255)#FFFFFF

Toutes les conversions

Questions fréquentes

La conversion RGB vers HEX change-t-elle la couleur ?
Non. Les deux formats décrivent la même couleur sRGB, seule l’écriture change.
Pourquoi mes valeurs HEX diffèrent-elles d’un autre outil ?
À cause de l’arrondi. D’autres outils arrondissent à une autre étape ou utilisent un autre point blanc ; ici nous suivons CSS Color 4 et D65.
Puis-je coller la valeur HEX dans du CSS ?
Oui. HEX est du CSS natif ou largement pris en charge, utilisable dans les feuilles de style, canvas et outils de design.
Quel format choisir pour l’impression ?
CMYK pour l’impression, RGB/HEX pour l’écran. CMYK est une approximation : convertissez le fichier final avec le profil de l’imprimeur.