O tomto nástroji
Převeďte barevné hodnoty HSL (Hue, Saturation, Lightness) na hexadecimální kódy. HSL je intuitivní barevný model, kde Hue je barevný úhel (0-360°), Saturation je intenzita barev (0-100%) a Lightness řídí, jak světlá nebo tmavá je barva (0-100%). Užitečné pro návrháře, kteří pracují v HSL a potřebují hex kódy pro CSS.
Často kladené dotazy
- Proč používat HSL místo hex nebo RGB?
- HSL je pro lidi intuitivnější. Chcete tmavší odstín? Snížit lehkost. Chcete ztlumenou verzi? Snížit saturaci. Tyto vztahy nejsou zřejmé v hex nebo RGB, kde byste museli upravit všechny tři kanály.
- Co znamená odstín 0 vs 360?
- 0° i 360° jsou červené – kolečko odstínu se obtáčí. Hlavní odstíny: 0° = červená, 60° = žlutá, 120° = zelená, 180° = azurová, 240° = modrá, 300° = purpurová.
- Co se stane při 0% a 100% saturaci?
- Při 0% sytosti se jakýkoli odstín změní na odstín šedé (určeno pouze světlostí). Při 100% sytosti získáte nejčistší a nejživější verzi tohoto odstínu.
- Jak funguje lehkost?
- Světlost 0 % je vždy černá bez ohledu na odstín/sytost. 100% je vždy bílá. 50 % dává čistou a nejživější verzi barvy. Hodnoty mezi 0-50% jsou tmavší odstíny, 50-100% jsou světlejší odstíny.