Convertisseur HSL en HEX
Qu'est-ce que Convertisseur HSL en HEX
Cet outil convertit les valeurs HSL (Teinte, Saturation, Luminosité) en codes couleur HEX. Entrez la teinte (0–360°), la saturation (0–100%) et la luminosité (0–100%) et obtenez le code HEX correspondant. Utile quand vous avez conçu une palette dans un outil basé sur HSL et que vous avez besoin de la chaîne HEX pour un fichier CSS.
Comment utiliser
- Entrez les valeurs de Teinte (0–360), Saturation (0–100) et Luminosité (0–100) dans les champs HSL.
- Le code HEX et les valeurs RGB se mettent à jour instantanément.
- Cliquez sur le bouton copier à côté de HEX pour copier le code #RRGGBB.
- Changez entre les 6 convertisseurs avec les liens de mode en haut.
Quand l'utiliser
Vous avez choisi la couleur dans un sélecteur HSL mais votre thème Tailwind attend du HEX ? Entrez hsl(217, 91%, 60%) et copiez #3B82F6 directement dans votre tailwind.config.js. Vous réglez la couleur en HSL et vous transmettez le bon code au CSS sans deviner la conversion.
Questions fréquentes
Que vaut hsl(0, 100%, 50%) en HEX?
hsl(0, 100%, 50%) est #ff0000 — rouge pur. La teinte 0° avec saturation maximale et 50% de luminosité donne le rouge le plus pur.
Que vaut hsl(0, 0%, 100%) en HEX?
hsl(0, 0%, 100%) est #ffffff — blanc. Une luminosité de 100% est toujours blanche quelle que soit la teinte ou la saturation.
Que vaut hsl(0, 0%, 0%) en HEX?
hsl(0, 0%, 0%) est #000000 — noir. Une luminosité de 0% est toujours noire.
Pourquoi mon résultat HSL en HEX peut-il différer légèrement d'autres outils?
L'arrondi dans les calculs intermédiaires peut produire une différence d'1 chiffre HEX. Cette différence de ±1 est visuellement imperceptible.
Puis-je partager cet outil avec mes données pré-remplies ?
Oui. L'URL se met à jour pendant que vous tapez. Copiez le lien depuis la barre d'adresse ou utilisez le bouton Partager — quiconque l'ouvre verra vos données déjà remplies.
Outils connexes
Convertisseur HEX en HSL
Convertissez des codes couleur HEX en valeurs HSL instantanément. Convertisseur HEX en HSL avec aperçu en direct. Idéal pour les variables CSS et les thèmes.
Calculateur de Ratio d'Aspect
Calculez le ratio d'aspect, trouvez la largeur ou la hauteur manquante et redimensionnez images et vidéos en gardant les proportions. Gratuit.
Décodeur Base64
Décodez des chaînes Base64 en texte brut instantanément. Supporte la sortie Unicode complète avec emojis. Décodeur Base64 gratuit.