Convertisseur de Couleurs
Convertissez les couleurs entre les formats HEX, RGB et HSL
Qu'est-ce que le convertisseur de couleurs ?
Rédigé et maintenu par l'équipe BitConvert · Feb 27, 2026
Le convertisseur de couleurs traduit une même couleur entre les trois notations les plus utilisées sur le web : HEX (la forme hexadécimale #RRGGBB employée en CSS), RGB (les canaux rouge, vert et bleu de 0 à 255) et HSL (teinte en degrés avec des pourcentages de saturation et de luminosité). Saisissez une valeur dans un modèle et il recalcule instantanément les équivalents dans les autres.
Un sélecteur visuel et un aperçu en direct vous permettent de repérer une teinte à l'œil et d'en lire les codes exacts, tandis que chaque valeur reste synchronisée lorsque vous en ajustez une. Comme HEX, RGB et HSL décrivent tous le même espace colorimétrique additif de l'écran, les conversions entre eux sont exactes : aucune surprise d'arrondi lorsque vous transférez une couleur de marque d'un outil de conception vers une feuille de style.
Fonctionnalités clés
HEX, RGB et HSL
Convertissez entre les trois notations sur lesquelles reposent le CSS et les outils de conception, avec des valeurs synchronisées à mesure que vous modifiez un champ.
Aperçu en direct
Un échantillon se met à jour pendant que vous tapez ou sélectionnez, montrant exactement à quoi ressemble la valeur actuelle à l'écran.
Sélecteur visuel
Faites glisser dans le sélecteur de couleur pour explorer les teintes et lire instantanément leurs codes dans chaque format.
Copier n'importe quel format
Copiez la chaîne HEX, RGB ou HSL d'un clic pour la coller directement dans une feuille de style ou un fichier de conception.
Cas d'usage courants
Transformez un code HEX de marque en une valeur rgb() pour ajouter de la transparence avec rgba() en CSS. Ajustez une couleur en HSL pour créer des variantes plus claires ou plus foncées pour les états de survol et les nuances d'un design system. Retrouvez une couleur prélevée sur une maquette en lisant ses valeurs RGB et HEX exactes pour un transfert propre aux développeurs. Traduisez rapidement le choix HSL d'un designer en code HEX attendu par votre code.
Questions Fréquemment Posées
Dernière mise à jour: Feb 27, 2026