Konwerter HSL na RGBA
Zamień odcień, nasycenie i jasność na wartość rgba(), gotową do ustawienia przezroczystości w CSS.
Wartość hsl
Wynik · RGBA
rgba(255, 61, 119, 1)
HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Jak używać: HSL na RGBA
- 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.
O HSL i RGBA
HSL i RGBA wywodzą się z dwóch różnych sposobów myślenia o kolorze. HSL definiuje kolor przez odcień, nasycenie i jasność, co ułatwia projektowanie zestawu powiązanych odcieni. RGBA definiuje go przez wartości kanałów czerwonego, zielonego i niebieskiego od 0 do 255 oraz kanał alfa określający krycie — tego formatu oczekuje wiele bibliotek JavaScript, kod rysujący na canvasie, narzędzia do wykresów i starsze bazy kodu CSS.
Konwerter zamienia wartości HSL na rgba() z kanałem alfa ustawionym na 1, czyli pełnym kryciem. Zmień tę ostatnią liczbę, aby uzyskać przezroczystość: 0.8 dla lekko prześwitującego panelu, 0.3 dla nakładki na zdjęcie, 0 dla całkowitej niewidoczności. Wskazówka: w nowoczesnym CSS możesz też dodać kanał alfa bezpośrednio do HSL, np. hsl(160 60% 45% / 0.3), ale rgba() jest bezpieczniejszym wyborem, gdy biblioteka lub szablon e-mail nie obsługuje nowszej składni.
Wszystko działa lokalnie w Twojej przeglądarce — Twoje obrazy nigdy nie są przesyłane na serwer.