HEX na HSL

Konwertuj kody kolorów HEX na wartości HSL z precyzją, co jest idealne do manipulacji kolorami i systemów projektowych

Konwerter kolorów

Wynik koloru

HSL Values

Odcień 0°

0° = Red, 120° = Green, 240° = Blue

Nasycenie 0%

0% = Gray, 100% = Full color

Lekkość 100%

0% = Black, 100% = White

RGB Equivalent

rgb(255, 255, 255)

hsl(0, 0%, 100%)

Przykłady konwersji

Czerwony

HEX: #FF0000

HSL: 0°, 100%, 50%

Zielony

HEX: #00FF00

HSL: 120°, 100%, 50%

Niebieski

HEX: #0000FF

HSL: 240°, 100%, 50%

Żółty

HEX: #FFFF00

HSL: 60°, 100%, 50%

Magenta

HEX: #FF00FF

HSL: 300°, 100%, 50%

Cyjan

HEX: #00FFFF

HSL: 180°, 100%, 50%

Zalecane narzędzia

HSL to HEX

Konwertuj wartości kolorów HSL z powrotem na kody kolorów HEX na potrzeby tworzenia stron internetowych

HSL to RGB Converter

Przekształć wartości kolorów HSL na kody kolorów RGB na potrzeby projektów cyfrowych

Generator harmonii kolorów

Twórz uzupełniające się schematy kolorów, korzystając z teorii kolorów HSL

HSL Color Manipulator

Dostosuj odcień, nasycenie i jasność, aby tworzyć wariacje kolorystyczne

O tym narzędziu

Nasz konwerter HEX na HSL przekształca szesnastkowe kody kolorów na model kolorów HSL (odcień, nasycenie, jasność), który jest szczególnie przydatny do manipulowania kolorami i tworzenia spójnych schematów kolorów.

HSL represents colors in a way that aligns more naturally with human perception of color. Hue corresponds to the color's position on the color wheel (0° to 360°), saturation refers to the color's intensity (0% to 100%), and lightness determines how light or dark the color appears (0% to 100%).

Ta konwersja jest szczególnie cenna dla programistów i projektantów stron internetowych pracujących z CSS, ponieważ HSL umożliwia intuicyjną regulację kolorów. Modyfikacja pojedynczego komponentu (odcienia, nasycenia lub jasności) daje przewidywalne rezultaty, ułatwiając tworzenie wariacji i harmonii kolorystycznych.

Proces konwersji najpierw przekształca dane HEX na RGB, a następnie przekształca dane RGB na HSL przy użyciu standardowych algorytmów branżowych, które dokładnie zachowują integralność kolorów pomiędzy różnymi modelami kolorów.