TSL
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/glossary/hsl/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/glossary/hsl/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/glossary/hsl/)Use the native HTML custom element.
Un modèle de couleur cylindrique qui décrit les couleurs à l'aide de la teinte, de la saturation et de la clarté, conçu pour être intuitif pour la sélection des couleurs.
HSL represents color as an angle on the color wheel (hue, 0-360), a percentage of color intensity (saturation, 0-100%), and a percentage of lightness (0-100% where 0% is black and 100% is white). At 50% lightness, the pure hue is displayed. HSL is widely used in CSS (the hsl() function) because it makes it easy to create tints, shades, and tones by adjusting a single parameter. It is more intuitive than RGB for design work but has the limitation of not being perceptually uniform, meaning equal numeric changes do not always produce equal visual changes.
Essayez
Articles associés
Différence entre le cyan et le turquoise
Le cyan (#00FFFF) et le turquoise (#40E0D0) se ressemblent, mais diffèrent fondamentalement par leur position dans le modèle colorimétrique, leur saturation et leurs usages. Explication complète.
Gray ou Grey : orthographe, nuances et codes couleur
Gray ou grey ? Découvrez la différence entre l'orthographe américaine et britannique, les règles des couleurs nommées CSS, 50 nuances de gris en hex, et comment choisir entre gris chaud et froid.
Différence entre le violet et le pourpre
Le violet est une couleur spectrale (~380-450 nm) ; le pourpre est un mélange non spectral de rouge et de bleu. Découvrez leurs codes hex, les définitions CSS et comment les distinguer.
Qu'est-ce que l'harmonie des couleurs ? Les règles des palettes réussies
Découvrez ce que signifie l'harmonie des couleurs — schémas complémentaires, analogues, triadiques et tétrадiques. Comprenez les règles qui sous-tendent les combinaisons chromatiques visuellement réussies.
Techniques de couleur SVG : remplissage, contour et dégradés
Maîtrisez les techniques de couleur SVG : attributs fill et stroke, dégradés linéaires et radiaux, le mot-clé currentColor et le style SVG en CSS pour le développement web moderne.
Couleurs de marque Dogecoin : l'or mème et la couleur communautaire
Explorez l'or Shiba Inu de Dogecoin (#C2A633), les origines de la couleur dans la culture mème, le branding Comic Sans et comment l'art communautaire a façonné la marque crypto la plus ludique.