O tomto nástroji
Preveďte hodnoty farieb HSL (odtieň, sýtosť, svetlosť) na hexadecimálne kódy. HSL je intuitívny farebný model, kde Hue je farebný uhol (0-360°), Saturation je intenzita farby (0-100%) a Lightness riadi, ako svetlá alebo tmavá je farba (0-100%). Užitočné pre dizajnérov, ktorí pracujú v HSL a potrebujú hex kódy pre CSS.
Často kladené otázky
- Prečo používať HSL namiesto hex alebo RGB?
- HSL je pre ľudí intuitívnejšie. Chcete tmavší odtieň? Znížte ľahkosť. Chcete stlmenú verziu? Znížte saturáciu. Tieto vzťahy nie sú zrejmé v hex alebo RGB, kde by ste museli upraviť všetky tri kanály.
- Čo znamená odtieň 0 vs 360?
- 0° aj 360° sú červené – koliesko odtieňa sa obtáča. Hlavné odtiene: 0° = červená, 60° = žltá, 120° = zelená, 180° = azúrová, 240° = modrá, 300° = purpurová.
- Čo sa stane pri 0% a 100% nasýtení?
- Pri 0% sýtosti sa akýkoľvek odtieň zmení na odtieň sivej (určený len svetlosťou). Pri 100% sýtosti získate najčistejšiu a najživšiu verziu tohto odtieňa.
- Ako funguje ľahkosť?
- Svetlosť 0 % je vždy čierna bez ohľadu na odtieň/sýtosť. 100% je vždy biela. 50 % dáva čistú, najživšiu verziu farby. Hodnoty medzi 0-50% sú tmavšie odtiene, 50-100% sú svetlejšie odtiene.