DARMOWE NARZĘDZIE

Konwerter HEX do HSL

Przelicz kod koloru HEX na wartości HSL (Hue, Saturation, Lightness) i odwrotnie. Szybka konwersja online dla projektantów i programistów. Profesjonalne narzędzie online, które działa w Twojej przeglądarce. Szybko, bezpiecznie i bez instalowania zbędnego oprogramowania.

Bezpieczne (SSL)

Przetwarzanie Lokalne

100% Darmowe

Przejdź do narzędzia

Instrukcja

1

Wprowadź dane
Wpisz treść, wklej tekst lub załaduj plik z dysku.
2

Kliknij przycisk
Narzędzie natychmiast przetworzy Twoje dane w przeglądarce.
3

Pobierz wynik
Skopiuj gotowy tekst lub zapisz plik na urządzeniu.

                                                function runTool() {

                                                  return "Wynik gotowy w 0.1s";

                                                }

Ustawienia

Format

Precision

Hex

Use alpha Opcja narzędzia

Clamp Opcja narzędzia

Wynik

Ustaw parametry i kliknij „Przetwórz”, aby zobaczyć wynik.

Powiązane narzędzia

Inne narzędzia, które mogą Ci się przydać

Konwerter HEX do HSL online

HSL opisuje kolor intuicyjnie: odcień (Hue 0–360°), nasycenie (Saturation 0–100%) i jasność (Lightness 0–100%). To sprawia, że tworzenie wariantów koloru (jaśniejszy, ciemniejszy, mniej nasycony) jest prostsze niż w RGB/HEX.

HEX do HSL konwersja kolorów HSL CSS color picker

Dlaczego HSL?

W HSL łatwo tworzyć spójne palety: zmień tylko Lightness, żeby dostać odcienie tego samego koloru; zmień Saturation, żeby go "przytłumić". W HEX/RGB to wymaga obliczeń.

CSS i HSL

CSS obsługuje hsl() i hsla() natywnie od lat — hsl(220, 90%, 56%) jest czytelniejszy niż #2563eb.

Najczęstsze pytania

Jak przeliczać w obie strony?

Wpisz HEX → dostaniesz HSL; wpisz HSL (trzy pola) → dostaniesz HEX i RGB.

Czy HSL i HSB to to samo?

Nie — HSB (ang. Brightness) to inny model używany w Photoshopie; HSL i HSB dają różne wartości dla tych samych kolorów.

Jaka precyzja?

Wyniki zaokrąglone do 1 miejsca po przecinku; surowe wartości float dostępne po rozwinięciu.

Inne konwersje: RGB do CMYK, HEX do RGB, konwerter kolorów CSS.