Konwerter HSL na HEX
Ustaw odcień, nasycenie i jasność i otrzymaj odpowiadający im sześciocyfrowy kod koloru HEX gotowy do skopiowania.
Wartość hsl
Wynik · HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Jak używać: HSL na HEX
- 1
Wprowadź kolor
Wpisz kod koloru lub wybierz kolor próbnikiem — każde pole przyjmuje format, który wyświetla.
- 2
Zobacz konwersję
Wynik aktualizuje się natychmiast podczas pisania, razem z podglądem koloru na żywo.
- 3
Skopiuj kod
Skopiuj potrzebną wartość jednym kliknięciem i wklej ją do projektu, CSS lub ustawień druku.
Po co konwertować HSL na HEX
HSL to najbardziej intuicyjny sposób budowania systemu kolorów. Ustalasz odcień, np. 262° dla fioletu, i tworzysz całą skalę, zmieniając głównie jasność: około 95% dla teł, 58% dla przycisków i akcentów, 30% dla tekstu. Projektanci i programiści używają tej metody do tworzenia jaśniejszych i ciemniejszych wariantów oraz ciemnych motywów.
Gotową skalę trzeba jednak zwykle dostarczyć w postaci kodów HEX: przewodniki stylu, tokeny projektowe, biblioteki Figmy, księgi znaku i wiele systemów zarządzania treścią oczekują wartości #RRGGBB. Wpisz wartości HSL i skopiuj wynik HEX — na przykład hsl(262, 83%, 58%) to #7C3BED. Narzędzie pokazuje też RGB, HSV i CMYK tego samego koloru. Ponieważ HEX może zapisać tylko 256 poziomów na kanał, bardzo małe zmiany w HSL nie zawsze zmieniają kod HEX.
Wszystko działa lokalnie w Twojej przeglądarce — Twoje obrazy nigdy nie są przesyłane na serwer.