Convertisseur HSL en RGB

Convertissez les couleurs HSL en RGB, HEX et CMYK. Ajustez avec des curseurs HSL. Aperçu en direct.

HSL Values

HSL
hsl(0, 65%, 51%)
RGB
rgb(211, 51, 51)
HEX
#D33333
CMYK
cmyk(0%, 76%, 76%, 17%)

About HSL to RGB Converter

Convertissez les valeurs de couleur HSL (Teinte, Saturation, Luminosité) en RGB, HEX et CMYK. Ajustez la teinte, la saturation et la luminosité avec des curseurs intuitifs et visualisez le résultat dans chaque espace colorimétrique principal.

Saisie HSL

Teinte de 0 à 360, saturation et luminosité de 0 à 100 %. Utilisez les curseurs ou saisissez des valeurs exactes. Conversion instantanée vers tous les formats.

Aperçu en direct

Un échantillon de couleur en temps réel montre exactement à quoi ressemblent les valeurs HSL. Ajustez et voyez les changements immédiatement.

Quatre formats de sortie

Visualisez HSL, RGB, HEX et CMYK côte à côte. Parfait pour la conception web, la prépresse et les flux de développement.

Cliquez pour copier

Cliquez sur n'importe quelle valeur de couleur pour la copier dans votre presse-papiers. RGB pour CSS, HEX pour HTML, CMYK pour l'impression, HSL pour les ajustements fins.

How It Works

  1. Adjust the Hue slider — Set the base color angle from 0 (red) through 360 (back to red).
  2. Set Saturation — Control color intensity from 0% (gray) to 100% (full color).
  3. Set Lightness — Adjust brightness from 0% (black) to 100% (white).
  4. Watch the preview — The color swatch updates in real time as you adjust any slider.
  5. Read the results — All four color space values update instantly. Click any value to copy it.

📋 Common Use Cases

Conception multimédia

Convertissez les couleurs d'impression (CMYK) en couleurs d'écran (RGB/Hex) lors de l'adaptation d'actifs de marque du support physique au support numérique.

CSS et développement web

Transformez les couleurs entre les formats hex, RGB et HSL pour une utilisation dans les feuilles de style, les jetons de conception et les bibliothèques de composants.

Cohérence de marque

Assurez la précision des couleurs lors de la traduction des palettes de marque entre différents outils de conception qui exigent des formats de couleur spécifiques.

Tests d'accessibilité

Convertissez les couleurs en formats analysables pour la vérification du contraste et la conformité aux WCAG.

🪜 How to Use This Tool

  1. Saisissez votre couleur source
    Entrez la valeur de couleur dans le format source — code hex, valeurs RGB, pourcentages CMYK ou paramètres HSL.
  2. Sélectionnez le format cible
    Choisissez le format de sortie souhaité. La plupart des convertisseurs affichent un aperçu en direct de la couleur à côté des valeurs converties.
  3. Visualisez et copiez la couleur convertie
    La couleur convertie apparaît instantanément. Copiez les valeurs individuelles ou la chaîne de sortie complète pour votre projet.
  4. Utilisez-la dans votre projet
    Collez la couleur convertie directement dans votre CSS, votre outil de conception ou votre spécification d'impression. Vérifiez que l'aperçu correspond à vos attentes.

📚 Related Guides

Frequently Asked Questions

Ces convertisseurs sont-ils gratuits ?▼
Oui. Tous les convertisseurs sont entièrement gratuits. Aucune inscription n'est nécessaire.
Quelle est la précision du convertisseur d'unités ?▼
Il utilise des facteurs de conversion standard pour la longueur, la masse, la température, la surface, le volume et la vitesse. Les résultats sont précis à 6 décimales.