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.

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

Entrée couleur

Sortie convertie

#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

Commentaires

Chargement des commentaires…
Qu’est-ce que c’est et comment ça fonctionne?

Comment convertir des valeurs RVB en valeurs HEX

  1. Faites glisser les curseurs rouge, vert et bleu — ou collez directement un code hexadécimal dans le champ — pour définir une couleur.
  2. 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.
  3. 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.
Notions fondamentales sur 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 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é

FormatUtilisation typiquePourquoi
HEXCSS, HTML, outils de conceptionCourt, facile à coller et à partager sous forme d’une seule chaîne de caractères
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%); 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

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 connexes

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 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.

Continue!

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.