Konwerter HSL na HEX
Wklej wartość HSL i od razu dostaniesz HEX. Inne formaty też działają.
Przykłady: HSL na HEX
O formatach HSL i HEX
HSL opisuje barwę w stopniach oraz nasycenie i jasność w procentach. Łatwo go czytać, ale jego jasność nie jest równomierna dla oka: żółty przy 50% wygląda dużo jaśniej niż niebieski przy 50%.
HEX zapisuje czerwony, zielony i niebieski jako dwie cyfry szesnastkowe każdy, np. #ff5733. To najpopularniejszy sposób zapisu kolorów w sieci i w narzędziach projektowych.
Jak działa konwersja
Odczytujemy wartość HSL, przeliczamy ją na CIE XYZ macierzami ze specyfikacji CSS Color 4, a potem na HEX. Wartości spoza docelowego gamutu są dopasowywane algorytmem CSS Color 4, który zachowuje jasność i barwę, a zmniejsza chromę.
Pytania i odpowiedzi
Jak przekonwertować HSL na HEX?
Wklej lub wpisz wartość HSL w pole powyżej. PickShade przelicza ją wzorami CSS Color 4 w trakcie pisania, a jedno kliknięcie kopiuje wartość HEX.
Czy konwersja HSL na HEX jest dokładna?
Obliczenia są dokładne, a wynik jest zaokrąglany tylko do wyświetlenia, z liczbą cyfr wystarczającą, by wrócić do tego samego koloru. Jeśli kolor nie mieści się w docelowym gamucie, PickShade ostrzega i pokazuje najbliższy kolor, który się mieści.
Czy mogę od razu dostać inne formaty?
Tak. Wszystkie inne formaty, w tym OKLCH, Display P3, Tailwind, SwiftUI, Flutter i Android, są pod wynikiem i kopiują się jednym kliknięciem.
Czy ten konwerter jest darmowy?
Tak. Jest darmowy, nie wymaga rejestracji i działa w całości w przeglądarce.