Konwerter RGB na HSL
Czym jest Konwerter RGB na HSL
To narzędzie konwertuje wartości RGB (Czerwony 0-255, Zielony 0-255, Niebieski 0-255) na HSL (Barwa, Nasycenie, Jasność). HSL jest bardziej intuicyjny do manipulacji kolorami — o wiele łatwiej tworzyć jaśniejsze lub ciemniejsze warianty koloru, regulując Jasność, niż modyfikować poszczególne kanały RGB.
Jak używać
- Wpisz wartości Czerwony, Zielony i Niebieski (0-255) w polach RGB.
- Wartości HSL i HEX aktualizują się natychmiast.
- Kliknij przycisk kopiowania obok HSL, aby skopiować format hsl(h, s%, l%).
- Przełączaj się między wszystkimi 6 konwerterami za pomocą linków trybów u góry.
Kiedy używać
Przenosisz kolor marki ze starego arkusza stylów do systemu projektowego opartego na HSL? Wpisz rgb(59, 130, 246) i otrzymasz hsl(217, 91%, 60%). Stamtąd możesz obniżać jasność do 55% dla stanu hover i 45% dla active — bez dotykania odcienia.
Często zadawane pytania
Czym jest rgb(255, 0, 0) w HSL?
rgb(255, 0, 0) to hsl(0, 100%, 50%) — czysty czerwony. Barwa 0 stopni to czerwony, nasycenie 100% oznacza pełne nasycenie, a jasność 50% to czysty ton środkowy.
Czym jest rgb(0, 0, 0) w HSL?
rgb(0, 0, 0) to hsl(0, 0%, 0%) — czarny. Zerowa jasność zawsze daje czarny.
Czym jest rgb(255, 255, 255) w HSL?
rgb(255, 255, 255) to hsl(0, 0%, 100%) — biały. Maksymalna jasność zawsze daje biały.
Dlaczego konwersja RGB na HSL jest użyteczna?
HSL sprawia, że relacje kolorów stają się widoczne. Gdy masz rgb(59, 130, 246), nie możesz na pierwszy rzut oka ocenić, jak bardzo niebieski lub jasny jest kolor. Ale hsl(217, 91%, 60%) od razu mówi, że to odcień niebieski (217 stopni na kole barw), mocno nasycony (91%) i średnio jasny (60%).
Czy mogę udostępnić to narzędzie z moimi danymi?
Tak. URL aktualizuje się automatycznie podczas pisania. Skopiuj link z paska adresu lub użyj przycisku Udostępnij — każdy, kto go otworzy, zobaczy Twoje dane już wypełnione.
Powiązane narzędzia
Konwerter HSL na RGB
Konwertuj wartości kolorów HSL na RGB natychmiast. Darmowy konwerter HSL na RGB z podglądem na żywo. Zamień hsl() na rgb() dla JavaScript, Canvas i narzędzi projektowych.
Kalkulator Proporcji Obrazu
Oblicz proporcje obrazu, znajdź brakującą szerokość lub wysokość i zmieniaj rozmiar zdjęć oraz filmów bez utraty proporcji. Za darmo.
Dekoder Base64
Dekoduj ciągi Base64 do zwykłego tekstu błyskawicznie w przeglądarce. Obsługuje pełne kodowanie Unicode z emoji. Darmowy dekoder Base64.