Konwerter RGB na HSL
Zamień wartości czerwonego, zielonego i niebieskiego na odcień, nasycenie i jasność, aby łatwiej dopasowywać kolory w CSS.
Wartość rgb
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ć: RGB 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.
RGB a HSL
RGB buduje kolor z trzech kanałów światła, co pasuje do ekranów, ale utrudnia ręczne poprawki: aby rgb(255, 61, 114) było odrobinę ciemniejsze, trzeba zmienić wszystkie trzy liczby. HSL opisuje ten sam kolor jako odcień, czyli kąt na kole barw od 0 do 360°, oraz nasycenie i jasność w procentach, więc ten róż to hsl(344, 100%, 62%).
Taka budowa sprawia, że HSL idealnie nadaje się do tworzenia odcieni i motywów. Zachowaj odcień i nasycenie, a obniż jasność, aby uzyskać stan najechania lub wciśnięcia; podnieś ją, aby otrzymać delikatnie zabarwione tło, albo zmniejsz nasycenie, aby uzyskać stonowaną wersję. Wszystkie nowoczesne przeglądarki akceptują hsl() w CSS, więc wynik możesz wkleić bezpośrednio. Konwerter zaokrągla wartości do liczb całkowitych, dlatego konwersja w drugą stronę może przesunąć kanał o jeden stopień.
Wszystko działa lokalnie w Twojej przeglądarce — Twoje obrazy nigdy nie są przesyłane na serwer.