Konwerter HEX na HSL
Zamień kod koloru HEX na odcień, nasycenie i jasność, aby łatwo tworzyć jaśniejsze i ciemniejsze warianty.
Wartość hex
Wynik · HSL
hsl(344, 100%, 62%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Jak używać: HEX na HSL
- 1
Wprowadź kolor
Wpisz kod koloru lub wybierz kolor próbnikiem — każde pole przyjmuje format, który wyświetla.
- 2
Zobacz konwersję
Wynik aktualizuje się natychmiast podczas pisania, razem z podglądem koloru na żywo.
- 3
Skopiuj kod
Skopiuj potrzebną wartość jednym kliknięciem i wklej ją do projektu, CSS lub ustawień druku.
Kolory HEX i HSL
HEX to sposób zapisywania kolorów w CSS i narzędziach graficznych: znak # i trzy pary cyfr szesnastkowych dla czerwonego, zielonego i niebieskiego. HSL opisuje ten sam kolor tak, jak myślą o nim ludzie — odcień jako kąt na kole barw od 0 do 360°, a nasycenie i jasność w procentach.
Konwersja do HSL przydaje się, gdy potrzebujesz wariantów jednego koloru: zachowaj odcień i zmieniaj jasność, aby uzyskać jaśniejsze i ciemniejsze wersje na stany najechania, tła i obramowania. Przeglądarki rozumieją oba zapisy, np. hsl(342, 100%, 62%). Wklej trzy- lub sześciocyfrowy kod, ze znakiem # lub bez niego, i skopiuj wynik hsl(); wyświetlane są też RGB, HSV i CMYK.
Wszystko działa lokalnie w Twojej przeglądarce — Twoje obrazy nigdy nie są przesyłane na serwer.