Konwerter HEX na HSL
Wklej wartość HEX i od razu dostaniesz HSL. Inne formaty też działają.
Przykłady: HEX na HSL
O formatach HEX i HSL
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.
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%.
Jak działa konwersja
Odczytujemy wartość HEX, przeliczamy ją na CIE XYZ macierzami ze specyfikacji CSS Color 4, a potem na HSL. 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ć HEX na HSL?
Wklej lub wpisz wartość HEX w pole powyżej. PickShade przelicza ją wzorami CSS Color 4 w trakcie pisania, a jedno kliknięcie kopiuje wartość HSL.
Czy konwersja HEX na HSL 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.