Elysia Tools
Navigation mobile
Design
Convertir les valeurs de couleur LCH en HSL pour l'affichage à l'écran
Exécution
Remplissez le formulaire, lancez l’outil et consultez le résultat au même endroit.
Exemples
Associé
Prêt à exécuter
Guide d'utilisation de l'outil
Notre convertisseur LCH vers HSL vous permet de transformer facilement vos valeurs de couleur LCH (Luminosité, Chroma, Teinte) vers le format HSL, largement utilisé pour le développement web et l'affichage sur écran.
Contexte
Un designer a fourni une palette en LCH pour garantir une uniformité visuelle, mais le projet nécessite du code CSS standard.
Problème
Convertir rapidement les valeurs LCH en syntaxe CSS HSL valide.
Utilisation
Entrez 'lch(60, 40, 240)' dans le champ LCH et sélectionnez 'css' comme format de sortie.
format: cssRésultat
Le résultat 'hsl(240, 100%, 60%)' est immédiatement prêt à être copié dans le fichier style.css.
Contexte
Un script de génération de graphiques nécessite des valeurs numériques brutes pour définir les couleurs dynamiquement.
Problème
Obtenir uniquement les chiffres HSL sans les parenthèses ou les unités.
Utilisation
Entrez les valeurs LCH et choisissez l'option '0,100,50' dans le menu format.
format: valuesRésultat
Bien que le LCH soit plus précis pour la perception humaine, le format HSL est nativement supporté par tous les navigateurs web et est plus simple à manipuler en CSS.
L'outil accepte les chaînes de type 'lch(50, 50, 180)', les listes de valeurs séparées par des virgules ou les formats avec étiquettes (L:50 C:50 H:180).
La conversion suit les formules mathématiques standards, bien que de légères variations puissent survenir en raison des différences de gamut entre les deux espaces colorimétriques.
Oui, vous pouvez coller plusieurs lignes de valeurs LCH dans la zone de texte pour effectuer une conversion par lots.
Absolument, l'option 'css' génère une chaîne formatée prête à être copiée directement dans vos fichiers de style.
Calculateurs, outils numériques, logique de dates, statistiques et finance
L'outil retourne les valeurs numériques pures, facilitant l'intégration directe dans le code source du script.