Bu alət haqqında
HSL (Hue, Saturation, Lightness) rəng dəyərlərini onaltılıq kodlara çevirin. HSL intuitiv rəng modelidir, burada Hue rəng bucağıdır (0-360°), Doyma rəng intensivliyidir (0-100%) və Yüngüllük rəngin nə qədər açıq və ya tünd olduğuna (0-100%) nəzarət edir. HSL-də işləyən və CSS üçün hex kodlara ehtiyacı olan dizaynerlər üçün faydalıdır.
Tez-tez verilən suallar
- Niyə hex və ya RGB əvəzinə HSL istifadə edin?
- HSL insanlar üçün daha intuitivdir. Daha qaranlıq bir kölgə istəyirsiniz? Yüngüllüyünü azaldın. Səssiz versiyanı istəyirsiniz? Doyma səviyyəsini azaldın. Bu əlaqələr hər üç kanalı tənzimləməli olduğunuz hex və ya RGB-də aydın deyil.
- 0 ilə 360 arasında bir Hue nə deməkdir?
- Həm 0°, həm də 360° qırmızıdır - rəng çarxı ətrafa sarılır. Əsas rənglər: 0° = qırmızı, 60° = sarı, 120° = yaşıl, 180° = mavi, 240° = mavi, 300° = bənövşəyi.
- 0% və 100% doymada nə baş verir?
- 0% doyma ilə istənilən rəng boz rəngə çevrilir (yalnız yüngüllüklə müəyyən edilir). 100% doyma ilə siz bu rəngin ən təmiz, ən parlaq versiyasını əldə edirsiniz.
- Yüngüllük necə işləyir?
- 0% yüngüllük rəngdən/doymadan asılı olmayaraq həmişə qara olur. 100% həmişə ağdır. 50% rəngin saf, ən canlı versiyasını verir. 0-50% arasında olan dəyərlər daha tünd çalarlar, 50-100% daha açıq rənglərdir.