IA sur votre appareil : performant et privé.

Convertisseur HEX vers RGB

HEX vers RGB instantané : tous les formats hex, rien n'est envoyé.

  • Fonctionne sur votre appareil
  • Lit 3, 4, 6 et 8 chiffres
  • Aussi HSL, OKLCH, LAB et CMYK

Déposez une feuille de style ou un fichier de tokens

CSS, SCSS, SASS, LESS, JSON, SVG ou TXT — jusqu'à 10.0 MB

#FF4D4D

Nom de couleur le plus proche: tomato (Même famille, distance 6.4)

HEX#FF4D4D
RGBrgb(255 77 77)
  • HEX#FF4D4D
  • RGBrgb(255 77 77)
  • HSLhsl(0 100% 65.1%)
  • HWBhwb(0 30.2% 0%)
  • HSVhsv(0 69.8% 100%)Pas du CSS
  • CMYKcmyk(0% 69.8% 69.8% 0%)Pas du CSS
  • LABlab(59.906 67.771 41.299)
  • LCHlch(59.906 79.363 31.36)
  • OKLABoklab(0.673 0.19441 0.09082)
  • OKLCHoklch(0.673 0.21457 25.04)
  • Display P3color(display-p3 0.9239 0.3574 0.3319)
  • XYZ D65color(xyz-d65 0.45232 0.27107 0.09872)

Contraste

Sur blanc3.27:1
Aa
  • AA normalÉchec
  • AA grandRéussi
  • AAA normalÉchec
  • AAA grandÉchec
Sur noir6.42:1
Aa
  • AA normalRéussi
  • AA grandRéussi
  • AAA normalÉchec
  • AAA grandRéussi
Sur votre couleur3.27:1
  • AA normalÉchec
  • AA grandRéussi
  • AAA normalÉchec
  • AAA grandÉchec

Nuance conforme la plus proche — #E22D35 atteint 4.51:1 face à votre couleur de comparaison.

Vision des couleurs

L'apparence de cette couleur pour les personnes ayant chaque type de déficience de la vision des couleurs.

  • Vision typique
  • Protanopie
  • Deutéranopie
  • Tritanopie
  • Aucune vision des couleurs
Que convertissez-vous ?
Valeur de couleur

Toute syntaxe de couleur CSS, plus cmyk() et hsv().

Modifier les canaux en

Les valeurs saisies ici restent en place, même quand la couleur n'a aucune teinte pour les afficher.

Comparer avec
Exporter
Exporter en
Couleurs récentes
Les couleurs que vous convertissez apparaîtront ici.

Utilisation

  1. Saisir HEX

    Tapez un code (ex. #FF0000) ou utilisez le sélecteur.

  2. Voir RVB

    R, V et B (0–255) sont calculés automatiquement.

  3. Copier

    Copiez chaque canal ou la chaîne rgb() complète.

Pourquoi passer en RVB ?

Pour contrôler précisément chaque canal dans le code et les outils.

Avantages du RVB

  • Web : rgb() en CSS et JS
  • Précision : canaux séparés
  • Outils : compatibilité design
  • Réglage : modifier R, V ou B
  • Support : très répandu

HEX et RVB

Deux notations, une même couleur.

Caractéristiques HEX

  • Notation hexadécimale
  • Compact en CSS
  • #RRGGBB
  • Courant sur le web
  • Facile à lire et à mémoriser

Caractéristiques RVB

  • Trois canaux 0–255
  • Modèle écran standard
  • Contrôle fin
  • Format standard pour la création numérique
  • Compatible avec tous les outils de design

Tous les formats hex que cette page lit

Les codes hex apparaissent sous plus de formes que n'en acceptent la plupart des convertisseurs. Celui-ci les prend toutes, avec ou sans dièse initial, dans n'importe quel mélange de majuscules et minuscules.

  • #RGB et #RRGGBB — La forme à trois chiffres double chaque chiffre : #ABC signifie #AABBCC. Elle ne peut pas exprimer un canal dont les deux chiffres diffèrent.
  • #RGBA et #RRGGBBAA — Un quatrième canal pour l'opacité. #ABCD vaut #AABBCCDD, et l'octet alpha devient 0-1 au sens CSS : DD vaut 0,867, pas 221.
  • Les codes d'une autre longueur sont refusés — #fffff a cinq chiffres et n'est pas une couleur. Le lire comme les trois ou six premiers convertirait en silence quelque chose que personne n'a écrit.
  • Les caractères non hexadécimaux sont nommés, pas ignorés — #gggggg échoue avec un message précisant quel caractère n'est pas un chiffre hexadécimal, au lieu de retomber sur du noir.

Quand convertir

Lorsque la cible attend des nombres RVB.

Cas d’usage

  • Développement : scripts et styles
  • Design : entrée numérique
  • Manipulation des couleurs : Ajuster chaque canal séparément
  • Projets numériques : Garantir une restitution fidèle des couleurs
  • Programmation : Utiliser les valeurs RVB dans le code et les scripts

À retenir

Références rapides.

Points clés

  • HEX encode les mêmes 8 bits par canal que RVB
  • Conversion réversible
  • Les valeurs RVB vont de 0 à 255 pour chaque composante
  • Le format HEX est plus compact que la notation RVB
  • Les deux formats portent exactement la même information de couleur

Bonnes pratiques

Vérifications utiles.

Qualité

  • Valider la longueur HEX
  • Tester sur le média cible
  • Vérifier l’exactitude des valeurs RVB
  • Tester les couleurs dans l’application visée
  • Tenir compte de l’espace colorimétrique et des limites de gamut

Quand ne pas convertir

  • Si le flux reste en HEX dans le CSS
  • Conserver le HEX pour le CSS et le web quand cela convient
  • Éviter la conversion si la compatibilité de format n’est pas requise
  • Ne pas convertir pour des applications qui gèrent déjà le HEX

Limites

Nécessite un appareil moderne avec JavaScript.

Propulsé par des algorithmes de traitement d'image optimisés.

Les autres convertisseurs de couleur

Questions fréquentes

Comment fonctionne le convertisseur HEX vers RVB ?

Saisissez un code HEX comme #FF0000 ou choisissez une couleur visuellement, et l’outil sépare le hex en canaux rouge, vert et bleu. Chaque paire de chiffres hexadécimaux est convertie en une valeur décimale de 0 à 255, et le résultat RVB ainsi qu’un aperçu en direct se mettent à jour instantanément.

Quels formats HEX sont pris en charge ?

Il accepte les codes hex standard à 6 chiffres comme #FF5733, avec ou sans le symbole # de tête, pour coller des valeurs directement depuis le CSS ou un outil de design. De nombreux codes abrégés à 3 chiffres comme #F53 sont aussi reconnus et développés en 6 chiffres avant la conversion.

La conversion HEX vers RVB est-elle exacte et sans perte ?

Oui. HEX et RVB sont deux notations de la même couleur 24 bits : la conversion est mathématiquement précise, sans arrondi ni perte de qualité. Chaque canal rouge, vert et bleu correspond directement à une valeur de 0 à 255, et vous pouvez revenir au HEX sans aucun écart.

Mes couleurs restent-elles privées ?

Oui. Toute la conversion s’exécute localement dans votre appareil en JavaScript : les codes HEX et les valeurs RVB que vous manipulez ne sont jamais envoyés à un serveur ni stockés. Rien ne quitte votre appareil, ce qui garde vos couleurs de marque et de projet totalement privées.

Puis-je copier les valeurs RVB pour le CSS ?

Oui. Vous pouvez copier chaque valeur rouge, vert et bleu séparément ou récupérer la chaîne rgb() complète en un clic, prête à coller dans du CSS, du HTML ou un logiciel de design. Le format rgb() fonctionne directement dans les feuilles de style, sans reformatage.

L’outil est-il gratuit et fonctionne-t-il sur mobile ?

Oui. Le convertisseur HEX vers RVB est entièrement gratuit, sans filigrane ni limite, et il tourne dans tout appareil récent sur ordinateur, tablette et téléphone. Comme le traitement est sur l’appareil, il continue de fonctionner sur les connexions instables une fois la page chargée.

4.8sur 5

sur 398 notes

Notez cet outil

Touchez une étoile — c’est rapide