O tym narzędziu
Konwertuj wartości kolorów HSL (odcień, nasycenie, jasność) na kody szesnastkowe. HSL to intuicyjny model kolorów, w którym Barwa to kąt koloru (0–360°), Nasycenie to intensywność koloru (0–100%), a Jasność określa stopień jasności lub ciemności koloru (0–100%). Przydatne dla projektantów pracujących w HSL i potrzebujących kodów szesnastkowych dla CSS.
Często zadawane pytania
- Po co używać HSL zamiast szesnastkowego lub RGB?
- HSL jest bardziej intuicyjny dla ludzi. Chcesz ciemniejszy odcień? Zmniejsz lekkość. Chcesz wyciszoną wersję? Zmniejsz nasycenie. Te zależności nie są oczywiste w przypadku szesnastkowego lub RGB, gdzie trzeba dostosować wszystkie trzy kanały.
- Co oznacza odcień 0 w porównaniu do 360?
- Zarówno 0°, jak i 360° są czerwone — koło barw zawija się. Główne odcienie: 0° = czerwony, 60° = żółty, 120° = zielony, 180° = cyjan, 240° = niebieski, 300° = magenta.
- Co się dzieje przy nasyceniu 0% i 100%?
- Przy nasyceniu 0% każdy odcień staje się odcieniem szarości (określanym wyłącznie przez jasność). Przy 100% nasyceniu otrzymujesz najczystszą i najbardziej żywą wersję tego odcienia.
- Jak działa lekkość?
- Jasność 0% oznacza zawsze czerń, niezależnie od odcienia/nasycenia. 100% jest zawsze białe. 50% daje czystą, najbardziej żywą wersję koloru. Wartości pomiędzy 0-50% to ciemniejsze odcienie, 50-100% to jaśniejsze odcienie.