Konwerter RGB na HSL
Konwertuj RGB na HSL na bieżąco podczas pisania — bezpłatnie, natychmiast, z praktycznym przykładem i tabelą popularnych kolorów.
Wpisz wartość RGB i odczytaj wartość HSL poniżej lub wybierz kolor z próbnika.
Praktyczny przykład
RGB 255, 87, 51 = HSL 11, 100%, 60%
Jak działa konwersja
- Format HSL opisuje ten sam kolor za pomocą odcienia (0–360° na kole kolorów), nasycenia i jasności — co jest bardzo wygodne przy przyciemnianiu lub desaturacji koloru poprzez zmianę tylko jednego składnika.
Popularne kolory w formatach RGB i HSL
| Kolor | RGB | HSL |
|---|---|---|
| Czerwony | 255, 0, 0 | 0, 100%, 50% |
| Pomarańczowy | 255, 165, 0 | 39, 100%, 50% |
| Żółty | 255, 255, 0 | 60, 100%, 50% |
| Zielony | 0, 128, 0 | 120, 100%, 25% |
| Cyjan | 0, 255, 255 | 180, 100%, 50% |
| Niebieski | 0, 0, 255 | 240, 100%, 50% |
| Fioletowy | 128, 0, 128 | 300, 100%, 25% |
| Różowy | 255, 192, 203 | 350, 100%, 88% |
| Brązowy | 165, 42, 42 | 0, 59%, 41% |
| Biały | 255, 255, 255 | 0, 0%, 100% |
| Szary | 128, 128, 128 | 0, 0%, 50% |
| Czarny | 0, 0, 0 | 0, 0%, 0% |
Każda konwersja odbywa się bezpośrednio w Państwa przeglądarce. Żadne dane nie są przesyłane do BroBroGo.
Najczęściej zadawane pytania (FAQ)
Jak przekonwertować RGB na HSL?
Wpisz lub wklej wartość RGB powyżej — wartość HSL zaktualizuje się automatycznie podczas pisania. Możesz również wybrać kolor wizualnie za pomocą próbnika.
Czy konwersja jest dokładna?
Wartości są zaokrąglane do liczb całkowitych, czyli do formatu oczekiwanego przez CSS i narzędzia projektowe. Różnica jest całkowicie niezauważalna dla ludzkiego oka.