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