За този инструмент
Преобразувайте цветовите стойности на HSL (Hue, Saturation, Lightness) в шестнадесетични кодове. HSL е интуитивен цветови модел, където Hue е цветовият ъгъл (0-360°), Saturation е интензитетът на цвета (0-100%), а Lightness контролира колко светъл или тъмен е цветът (0-100%). Полезно за дизайнери, които работят в HSL и се нуждаят от шестнадесетични кодове за CSS.
Често задавани въпроси
- Защо да използвате HSL вместо hex или RGB?
- HSL е по-интуитивен за хората. Искате по-тъмен нюанс? Намалете лекотата. Искате версия със заглушен звук? Намалете насищането. Тези връзки не са очевидни в шестнадесетичен или RGB, където трябва да коригирате и трите канала.
- Какво означава Hue от 0 срещу 360?
- И 0°, и 360° са червени — колелото за оттенък се увива. Основни нюанси: 0° = червено, 60° = жълто, 120° = зелено, 180° = циан, 240° = синьо, 300° = магента.
- Какво се случва при 0% и 100% насищане?
- При 0% наситеност всеки оттенък се превръща в нюанс на сивото (определено само от светлотата). При 100% наситеност вие получавате най-чистата, най-ярката версия на този нюанс.
- Как работи лекотата?
- 0% лекота винаги е черно, независимо от нюанса/наситеността. 100% винаги е бяло. 50% дава чистата, най-жива версия на цвета. Стойности между 0-50% са по-тъмни нюанси, 50-100% са по-светли нюанси.