Convertisseur RVB en hexadécimal

Réglez les curseurs ou collez un code hexadécimal ci-dessous pour convertir instantanément entre les formats RVB, hexadécimal et HSL, avec un aperçu en temps réel des couleurs — le tout calculé directement sur votre appareil.

Pas de clé API Rien ne quitte votre navigateur Utilisation illimitée
Convertisseur RVB en hexadécimal — outil en ligne gratuit

Saisie des couleurs

Résultat converti

#1f3a5fHEX — cliquez pour copier
31, 58, 95RGB — cliquez pour copier
210°, 51 %, 25 % HSL — cliquez pour copier
D'après les utilisateurs de cet outil

Avis

Chargement des avis…
Qu'est-ce que c'est et comment ça marche ?

Comment convertir un code RVB en code HEX

  1. Faites glisser les curseurs rouge, vert et bleu — ou saisissez directement un code hexadécimal dans le champ — pour définir une couleur.
  2. Observez l'aperçu de l'échantillon et les valeurs HEX, RVB et HSL se mettre à jour en temps réel à mesure que vous effectuez des réglages.
  3. Cliquez sur n'importe quelle carte de valeur pour la copier, afin de pouvoir la coller dans un fichier CSS, un logiciel de conception ou du code.
Les principes fondamentaux de la couleur

RGB, HEX et HSL : quelle est la différence ?

Les formats RVB, HEX et HSL décrivent tous exactement les mêmes couleurs : il s’agit simplement de différentes façons d’écrire les mêmes nombres. Le format RVB définit une couleur en fonction de la proportion de lumière rouge, verte et bleue qui la compose, chacune sur une échelle allant de 0 à 255. Le format HEX correspond aux mêmes valeurs RVB réécrites sous la forme d’un code compact à 6 chiffres en base 16, ce qui explique rgb(31, 58, 95) et #1f3a5f sont des couleurs identiques. Le format HSL, quant à lui, décrit une couleur par sa teinte (sa position sur le cercle chromatique), sa saturation (son intensité) et sa luminosité — un format souvent plus intuitif pour choisir des nuances apparentées.

Dans quels contextes chaque format est généralement utilisé

FormatUtilisation courantePourquoi ?
HEXCSS, HTML, outils de conceptionCourt, facile à copier-coller et à partager sous forme de chaîne unique
RVBCSS avec transparence (rgba)Prend en charge un canal alpha pour l'opacité
HSLCréation de palettes de couleursIl est facile de créer des teintes plus claires, plus foncées ou apparentées en modifiant un seul chiffre
Conception de sites web

Utilisation de ces valeurs en CSS

Chacun de ces trois formats fonctionne directement dans une feuille de style : color: #1f3a5f;, color: rgb(31, 58, 95); et color: hsl(210, 51%, 25%); tous affichent le même bleu marine. Le format HEX est la notation abrégée la plus courante pour les couleurs unies, tandis que le format RVB (ou sa rgba() variante) est utile lorsqu’une couleur doit présenter une transparence partielle, et HSL permet de générer facilement un ensemble cohérent de nuances en conservant la teinte fixe et en ajustant uniquement la luminosité.

Foire aux questions

FAQ

Ce convertisseur RVB-HEX est-il gratuit ?+

Oui. L'application fonctionne entièrement avec JavaScript dans votre navigateur ; il n'y a donc ni compte, ni clé API, ni limite quant au nombre d'utilisations.

Mes données de couleur sont-elles transmises quelque part ?+

Non. Chaque conversion s'effectue localement dans votre navigateur. Aucune donnée n'est envoyée à un serveur, ni stockée, ni enregistrée.

Quelle est la différence concrète entre les formats HEX et RVB ?+

Ces deux systèmes décrivent la même couleur selon des conventions différentes : le code HEX est une notation abrégée à 6 chiffres en base 16 qui correspond aux mêmes valeurs de rouge, vert et bleu que le système RVB, qui les exprime sous la forme de trois nombres distincts compris entre 0 et 255.

Outils associés

Outils de conception et de développement

Méthodologie

Comment fonctionne ce convertisseur ?

Les valeurs sont converties en temps réel entre les formats RVB, HEX et HSL à l'aide de JavaScript, au fur et à mesure que vous saisissez ou sélectionnez une couleur — aucune des données que vous saisissez n'est transmise à un serveur ni stockée où que ce soit.

Dernière mise à jour : 28 août 2026.

Continue comme ça

Encore plus d'outils à disposition

Vous trouverez d'autres outils gratuits ne nécessitant pas de clé API sur la page d'accueil.