Toolzi LogoToolzi

Convertisseur HEX en RGB

Convertissez instantanément les codes couleur HEX, RGB et HSL.

Aperçu de la couleur
HEX
RGB
HSL

Que sont HEX, RGB et HSL ?

HEX, RGB et HSL sont trois façons courantes de représenter les couleurs en développement web. HEX utilise un code hexadécimal à 6 chiffres, RGB utilise des valeurs rouge/vert/bleu (0–255) et HSL utilise la teinte (0–360°), la saturation et la luminosité (0–100%).

HEX vs RGB vs HSL — Quand utiliser lequel ?

HEX

Format le plus compact. Couramment utilisé en CSS pour les couleurs statiques et les outils de design. Exemple : #ff5733

RGB

Utile pour contrôler l'opacité avec rgba(). Correspond directement aux canaux de couleur de l'écran. Exemple : rgb(255, 87, 51)

HSL

Format le plus intuitif pour l'humain. Facile à ajuster la luminosité ou la saturation par code. Idéal pour les systèmes de thèmes. Exemple : hsl(11, 100%, 60%)

Comment convertir des codes couleur

Cliquez sur le sélecteur de couleur ou tapez directement dans les champs HEX, RGB ou HSL. Les autres formats se mettent à jour instantanément. Utilisez les boutons Copier pour copier chaque format dans le presse-papiers.

Questions fréquentes

Qu'est-ce qu'un code couleur HEX ?
Un code HEX est un nombre hexadécimal à 6 chiffres (ex. #ff5733) représentant les composantes rouge, verte et bleue d'une couleur, chacune entre 00 et ff.
Comment convertir HEX en RGB ?
Divisez le HEX en trois paires de 2 chiffres et convertissez chacune de la base 16 à la base 10. Exemple : #ff5733 → R:255, G:87, B:51.
Qu'est-ce que la couleur HSL ?
HSL signifie Teinte (Hue, 0–360°), Saturation (0–100%) et Luminosité (0–100%). C'est un format plus intuitif pour les humains.
Quel format de couleur utiliser en CSS ?
Les trois sont valides en CSS. HEX pour les couleurs statiques, HSL pour les thèmes et RGB quand vous avez besoin de rgba() pour l'opacité.
Puis-je convertir un code HEX à 3 chiffres ?
Oui. Un HEX à 3 chiffres (ex. #f53) est l'abréviation de #ff5533. Chaque chiffre est doublé pour obtenir la valeur complète.
Pourquoi la teinte HSL affiche 0 pour les gris ?
Les couleurs grises ont 0% de saturation, ce qui rend la teinte indéfinie. Elle affiche 0 par défaut — c'est un comportement normal.
Ce convertisseur de couleurs est-il précis ?
Oui. Les conversions utilisent des formules mathématiques standard et sont précises pour toutes les entrées de couleur valides.

Outils associés

Color Extractor →CSS Gradient Generator →