HSL
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.
Цилиндрическая цветовая модель, описывающая цвета через оттенок, насыщенность и светлоту; разработана для удобного выбора цвета человеком.
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.
Попробовать
Похожие статьи
CSS color-mix(): нативное смешивание цветов в браузере
Изучите CSS color-mix() для нативного смешивания цветов в браузере. Освойте синтаксис, цветовые пространства, практические кейсы и создавайте динамические палитры без JavaScript.
Создание веб-компонента выбора цвета с нуля
Создайте доступный выбор цвета в виде Web Component. Реализуйте рендеринг на canvas, ползунки оттенка, альфа-канал и пользовательские события через Shadow DOM.
Перцептивные Цветовые Пространства: Lab, LCH, Oklab, OKLCH
Перцептивно равномерные цветовые пространства — CIE Lab, LCH, Oklab и OKLCH. Принципы разработки, преимущества каждого и выбор для CSS и дизайна.
Изумрудный, нефритовый, лесной зелёный: руководство по сравнению оттенков
Сравните изумрудный (#50C878), нефритовый (#00A86B) и лесной зелёный (#228B22). Узнайте о визуальных различиях и hex-кодах этих популярных оттенков зелёного.
Разница между голубым и бирюзовым цветами
Голубой (#00FFFF) и бирюзовый (#40E0D0) выглядят похоже, но принципиально различаются по положению в цветовой модели, насыщенности и сфере применения. Подробный разбор.
Проектирование Color API: REST-эндпоинты для работы с цветом
Разработайте RESTful API для работы с цветом: конвертация, поиск, проверка контрастности и генерация палитр. Схемы данных и лучшие практики.