Konwerter HSL na RGB
Czym jest Konwerter HSL na RGB
To narzędzie konwertuje wartości HSL (Odcień 0–360°, Nasycenie 0–100%, Jasność 0–100%) na wartości RGB (Czerwony, Zielony, Niebieski, każdy 0–255). Używaj go, gdy masz kolor w formacie HSL — powszechnym w CSS i systemach projektowych — i potrzebujesz odpowiednika RGB dla JavaScript, przetwarzania obrazów lub narzędzi wymagających osobnych wartości kanałów.
Jak używać
- Wprowadź wartości Odcienia (0–360), Nasycenia (0–100) i Jasności (0–100) w polach HSL.
- Wartości RGB i HEX aktualizują się natychmiast.
- Kliknij przycisk kopiowania obok RGB, aby skopiować format rgb(r, g, b).
- Przełączaj się między wszystkimi 6 konwerterami za pomocą linków trybów na górze.
Kiedy używać
Tworzysz w JavaScript efekt tęczy, przebiegając odcień od 0 do 360, ale utknąłeś przy zapisywaniu pikseli do bufora Canvas ImageData? Ten bufor wymaga osobnych wartości bajtów R, G, B, nie ciągu hsl(). Przelicz każde wyjście hsl() na rgb() tutaj i masz gotowe numery kanałów do wstawienia prosto do tablicy.
Często zadawane pytania
Czym jest hsl(120, 100%, 50%) w RGB?
hsl(120, 100%, 50%) to rgb(0, 255, 0) — czysta zieleń. Odcień 120° to zieleń na kole kolorów.
Czym jest hsl(240, 100%, 50%) w RGB?
hsl(240, 100%, 50%) to rgb(0, 0, 255) — czysty niebieski.
Czym jest hsl(60, 100%, 50%) w RGB?
hsl(60, 100%, 50%) to rgb(255, 255, 0) — czysty żółty.
Kiedy używać HSL na RGB zamiast HSL na HEX?
Używaj HSL na RGB podczas pracy z API lub bibliotekami wymagającymi osobnych numerycznych wartości kanałów — jak Canvas ImageData, WebGL, konstruktory kolorów Three.js lub biblioteki przetwarzania obrazów. Używaj HSL na HEX, gdy potrzebujesz ciągu CSS lub kodu szesnastkowego.
Czy mogę udostępnić to narzędzie z wypełnionymi danymi?
Tak. Adres URL aktualizuje się automatycznie podczas wpisywania. Skopiuj link z paska adresu lub użyj przycisku Udostępnij — każdy kto go otworzy, zobaczy Twoje dane.
Powiązane narzędzia
Konwerter RGB na HSL
Zamień wartości kolorów RGB na HSL natychmiast. Darmowy konwerter RGB na HSL z podglądem na żywo. Idealny do tematów CSS i tworzenia palet kolorów.
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.