Comment convertir le RVB en HSL ?

Saisissez rouge, vert et bleu de 0 à 255. L'outil calcule teinte (0-360), saturation (0-100 %) et luminosité (0-100 %) et affiche le CSS hsl() à copier. Exemple : rgb(255, 0, 0) vaut hsl(0, 100%, 50%).

Puis-je convertir HSL en RVB ?

Oui. Modifiez H, S ou L et les canaux RVB, le CSS rgb(), le HEX et l'échantillon se mettent à jour ensemble. La teinte boucle à 360 ; saturation et luminosité sont bornées à 0-100.

Que signifient H, S et L ?

La teinte est l'angle sur la roue (0 rouge, 120 vert, 240 bleu). La saturation est le vif de la couleur (0 % gris, 100 % couleur pleine). La luminosité est la clarté (0 % noir, 50 % pur, 100 % blanc).

Pourquoi la teinte est-elle 0 pour le gris ?

Les gris ont 0 % de saturation, donc la teinte n'est pas définie et ce convertisseur indique 0. Changer la teinte sur un gris ne fait rien tant que vous n'augmentez pas la saturation.

Est-ce la même chose que HEX vers RVB ?

Non. Le convertisseur HEX vers RVB sert aux codes #rgb / #rrggbb, plus CMJN, contraste et jetons. Cet outil est le chemin RVB ↔ HSL. Associez-les si la spec mélange HEX et HSL.

La couleur quitte-t-elle l'appareil ?

Non. Le convertisseur RVB vers HSL tourne entièrement dans votre navigateur. Les valeurs ne sont ni envoyées ni stockées sur un serveur.

Outils convertisseurs

Convertisseur RVB vers HSL

Convertissez le RVB (0-255) en HSL (teinte, saturation, luminosité) et l'inverse dans le navigateur.

rgb(20, 184, 166)hsl(173, 80%, 40%)

RGB

= hsl(173, 80%, 40%)

HSL

= rgb(20, 184, 166)

HEX #14b8a6

À propos de Convertisseur RVB vers HSL

Convertissez le RVB (0-255) en HSL (teinte, saturation, luminosité) et l'inverse dans le navigateur. Saisissez un canal, choisissez une couleur ou cliquez sur un préréglage - l'échantillon, le CSS rgb() et le CSS hsl() se mettent à jour ensemble. Utile pour les feuilles de style, les jetons de design et le passage entre outils qui parlent des modèles de couleur différents. Rien n'est envoyé.

Comment utiliser Convertisseur RVB vers HSL

Saisissez R, V et B de 0 à 255 - ou choisissez une couleur avec le sélecteur natif.
Lisez les valeurs H, S et L (teinte 0-360, saturation et luminosité 0-100 %).
Modifiez H, S ou L pour convertir dans l'autre sens ; le RVB et l'échantillon se mettent à jour tout de suite.
Copiez le CSS rgb() ou hsl() (ou le HEX) dans votre feuille de style - sans inscription.

Exemples de Convertisseur RVB vers HSL

Rouge pur

rgb(255, 0, 0) → hsl(0, 100%, 50%).

Bleu Tailwind 500

rgb(59, 130, 246) → hsl(217, 91%, 60%).

Gris neutre

rgb(128, 128, 128) → hsl(0, 0%, 50%). La teinte vaut 0 car le gris n'a pas de saturation.

HSL vers RVB

hsl(120, 100%, 50%) → rgb(0, 255, 0) (vert pur).

Lire le guide complet

Comment utiliser Convertisseur RVB vers HSL : guide complet (2026) - 5 min de lecture

Questions fréquentes sur Convertisseur RVB vers HSL

Comment convertir le RVB en HSL ?: Saisissez rouge, vert et bleu de 0 à 255. L'outil calcule teinte (0-360), saturation (0-100 %) et luminosité (0-100 %) et affiche le CSS hsl() à copier. Exemple : rgb(255, 0, 0) vaut hsl(0, 100%, 50%).
Puis-je convertir HSL en RVB ?: Oui. Modifiez H, S ou L et les canaux RVB, le CSS rgb(), le HEX et l'échantillon se mettent à jour ensemble. La teinte boucle à 360 ; saturation et luminosité sont bornées à 0-100.
Que signifient H, S et L ?: La teinte est l'angle sur la roue (0 rouge, 120 vert, 240 bleu). La saturation est le vif de la couleur (0 % gris, 100 % couleur pleine). La luminosité est la clarté (0 % noir, 50 % pur, 100 % blanc).
Pourquoi la teinte est-elle 0 pour le gris ?: Les gris ont 0 % de saturation, donc la teinte n'est pas définie et ce convertisseur indique 0. Changer la teinte sur un gris ne fait rien tant que vous n'augmentez pas la saturation.
Est-ce la même chose que HEX vers RVB ?: Non. Le convertisseur HEX vers RVB sert aux codes #rgb / #rrggbb, plus CMJN, contraste et jetons. Cet outil est le chemin RVB ↔ HSL. Associez-les si la spec mélange HEX et HSL.
La couleur quitte-t-elle l'appareil ?: Non. Le convertisseur RVB vers HSL tourne entièrement dans votre navigateur. Les valeurs ne sont ni envoyées ni stockées sur un serveur.

Convertisseur HEX en RVB

Convertissez HEX en RVB (et inversement) avec HSL, CMJN, une rampe de teintes, des cartes de contraste WCAG et un extrait de jeton CSS - convertisseur de code couleur en ligne gratuit.

Convertisseur CM en pouces

Convertissez instantanément les centimètres en pouces et les pouces en centimètres. Convertisseur en ligne gratuit de cm en pouces utilisant 1 pouce = 2,54 cm, avec des résultats précis dans les deux sens.