HSV vers HSL
Convertissez les valeurs de couleur HSV en HSL pour une manipulation polyvalente des couleurs dans les systèmes de conception
Convertisseur de couleurs
HSL Output
HSL Values
0-360° color wheel position
0-100% color intensity
0-100% brightness
hsl(0°, 100%, 50%)
Formats supplémentaires
HSV Value
hsv(0°, 100%, 100%)
RGB Value
rgb(255, 0, 0)
Utilisation du CSS
color: hsl(0°, 100%, 50%);
background-color: hsl(0°, 100%, 50%);
Informations sur la conversion
Ce rouge vif maintient une saturation complète dans les deux modèles de couleurs, mais présente des mesures de luminosité différentes, démontrant la différence clé entre la valeur (HSV) et la luminosité (HSL).
Exemples de conversion
Rouge vif
Vert forêt
Bleu royal
Rose doux
Violet atténué
Ton gris
Outils recommandés
HSL to HSV Converter
Convertissez les valeurs de couleur HSL en HSV pour une manipulation alternative des couleurs
Générateur d'harmonie des couleurs
Créez des schémas de couleurs équilibrés à l'aide de relations de couleurs basées sur HSL
HSL Color Scales
Générez des teintes, des nuances et des tons de n'importe quelle couleur à l'aide des réglages HSL
Comparateur de modèles de couleurs
Visualisez l'apparence des couleurs sur les modèles HSV, HSL, RVB et CMJN
À propos de cet outil
Ce convertisseur HSV vers HSL facilite la transition transparente entre deux modèles de couleurs intuitifs, chacun avec des avantages distincts pour différentes tâches de conception et flux de travail.
HSV (Hue, Saturation, Value) represents colors based on human perception, with Value controlling the brightness from black to full color. This makes it particularly intuitive for tasks like adjusting lightness while preserving chromatic intensity, common in interface design.
HSL (Hue, Saturation, Lightness) structures color around perceived lightness, with Lightness ranging from black through the pure color to white. This model excels at creating consistent color scales and harmonies, as equal increments in lightness produce perceptually consistent steps.
Bien que les deux modèles partagent les composantes Teinte et Saturation, leur traitement de la luminosité (Valeur vs Luminosité) crée des comportements fondamentalement différents. Ce convertisseur utilise des algorithmes mathématiques précis pour effectuer la conversion entre ces modèles tout en préservant la cohérence visuelle, permettant ainsi aux concepteurs d'exploiter les atouts de chaque modèle tout au long de leur processus.