Convertisseur de 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.
Entrée couleur
Sortie convertie
Commentaires
Comment convertir des valeurs RVB en valeurs HEX
- Faites glisser les curseurs rouge, vert et bleu — ou collez directement un code hexadécimal dans le champ — pour définir une couleur.
- Observez l'échantillon de prévisualisation et les valeurs HEX, RVB et HSL se mettre à jour en temps réel à mesure que vous effectuez des ajustements.
- Cliquez sur n'importe quelle carte de valeur pour la copier, prête à être collée dans un fichier CSS, un logiciel de conception ou du code.
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 de 0 à 255. HEX correspond aux mêmes valeurs RVB réécrites sous la forme d’un code compact à 6 chiffres en base 16, ce qui explique pourquoi rgb(31, 58, 95) et #1f3a5f sont des couleurs identiques. Le HSL, quant à lui, décrit une couleur par sa teinte (sa position sur un 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é
| Format | Utilisation typique | Pourquoi |
|---|---|---|
| HEX | CSS, HTML, outils de conception | Court, facile à coller et à partager sous forme d’une seule chaîne de caractères |
| RVB | CSS avec transparence (rgba) | Prend en charge un canal alpha pour l'opacité |
| HSL | Création de palettes de couleurs | Il est facile de créer des teintes plus claires, plus foncées ou apparentées en modifiant un seul chiffre |
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%); ils produisent tous 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 une gamme cohérente de nuances en gardant la teinte fixe et en ajustant uniquement la luminosité.
Foire aux questions
Ce convertisseur de RVB en HEX est-il gratuit?+
Oui. L'outil fonctionne entièrement avec JavaScript dans votre navigateur; il n'y a donc pas de compte, pas de clé d'API et aucune limite quant au nombre de fois où vous pouvez l'utiliser.
Mes données de couleur sont-elles téléchargées quelque part?+
Non. Toutes les conversions s'effectuent localement dans votre navigateur. Aucune donnée n'est transmise à un serveur, ni stockée, ni consignée.
Quelle est la différence exacte entre HEX et RVB?+
Elles décrivent la même couleur à l'aide de notations différentes : le format HEX est une notation abrégée à 6 chiffres en base 16 pour les mêmes valeurs de rouge, de vert et de bleu que le format RVB, qui les exprime sous forme de trois nombres distincts compris entre 0 et 255.
Outils de conception et de développement
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 tapez 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 : le 28 août 2026.
D’autres outils dans la boîte à outils
D'autres outils gratuits ne nécessitant pas de clé d'API sont disponibles sur la page d'accueil.
Générateur de codes QR
Transformez n'importe quel texte ou URL en code QR téléchargeable.
Formateur JSON
Mettre en forme, valider et optimiser le code JSON à l'aide d'indications d'erreurs.
Générateur de favicones
Créez une image dans toutes les tailles de favicon dont vous avez besoin.
Générateur d'UUID
Générez instantanément et en masse des UUID v4 aléatoires.