Konwerter HEX na HSL
Konwertuj HEX na HSL na bieżąco podczas pisania — bezpłatnie, natychmiast, z praktycznym przykładem i tabelą popularnych kolorów.
Wpisz wartość HEX i odczytaj wartość HSL poniżej lub wybierz kolor z próbnika.
Praktyczny przykład
HEX #ff5733 = HSL 11, 100%, 60%
Jak działa konwersja
- Kod HEX to te same trzy kanały RGB zapisane w systemie szesnastkowym: po dwie cyfry na kanał, od 00 (0) do ff (255).
- 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 HEX i HSL
| Kolor | HEX | HSL |
|---|---|---|
| Czerwony | #ff0000 | 0, 100%, 50% |
| Pomarańczowy | #ffa500 | 39, 100%, 50% |
| Żółty | #ffff00 | 60, 100%, 50% |
| Zielony | #008000 | 120, 100%, 25% |
| Cyjan | #00ffff | 180, 100%, 50% |
| Niebieski | #0000ff | 240, 100%, 50% |
| Fioletowy | #800080 | 300, 100%, 25% |
| Różowy | #ffc0cb | 350, 100%, 88% |
| Brązowy | #a52a2a | 0, 59%, 41% |
| Biały | #ffffff | 0, 0%, 100% |
| Szary | #808080 | 0, 0%, 50% |
| Czarny | #000000 | 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ć HEX na HSL?
Wpisz lub wklej wartość HEX 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.