Konwerter HSL na HEX
Czym jest Konwerter HSL na HEX
To narzędzie konwertuje wartości HSL (Odcień, Nasycenie, Jasność) na kody kolorów HEX. Wprowadź odcień (0–360°), nasycenie (0–100%) i jasność (0–100%), a otrzymasz odpowiedni kod HEX. Przydatne, gdy zaprojektowałeś paletę w narzędziu opartym na HSL i potrzebujesz kodu HEX do pliku CSS lub specyfikacji projektu.
Jak używać
- Wprowadź wartości Odcienia (0–360), Nasycenia (0–100) i Jasności (0–100) w polach HSL.
- Kod HEX i wartości RGB aktualizują się natychmiast.
- Kliknij przycisk kopiowania obok HEX, aby skopiować kod #RRGGBB.
- Przełączaj się między wszystkimi 6 konwerterami za pomocą linków trybów na górze.
Kiedy używać
Wybrałeś kolor w selektorze HSL, ale motyw Tailwind potrzebuje HEX? Wpisz hsl(217, 91%, 60%) i skopiuj #3B82F6 prosto do swojego tailwind.config.js. Oszczędzasz sobie zgadywania konwersji podczas dostrajania koloru i przekazywania go do CSS.
Często zadawane pytania
Czym jest hsl(0, 100%, 50%) w HEX?
hsl(0, 100%, 50%) to #ff0000 — czysta czerwień. Odcień 0° przy pełnym nasyceniu i 50% jasności daje najczystszą czerwień.
Czym jest hsl(0, 0%, 100%) w HEX?
hsl(0, 0%, 100%) to #ffffff — biały. 100% jasności to zawsze biel, niezależnie od odcienia i nasycenia.
Czym jest hsl(0, 0%, 0%) w HEX?
hsl(0, 0%, 0%) to #000000 — czarny. 0% jasności to zawsze czerń.
Dlaczego wynik HSL na HEX może nieznacznie różnić się od innych narzędzi?
Zaokrąglanie w pośrednich obliczeniach może powodować różnicę 1 cyfry HEX. Ta różnica ±1 jest wizualnie niezauważalna.
Czy mogę udostępnić to narzędzie z wypełnionymi danymi?
Tak. Adres URL aktualizuje się automatycznie podczas wpisywania. Skopiuj link z paska adresu lub użyj przycisku Udostępnij — każdy kto go otworzy, zobaczy Twoje dane.
Powiązane narzędzia
Konwerter HEX na HSL
Konwertuj kody kolorów HEX na wartości HSL natychmiast. Darmowy konwerter HEX na HSL z podglądem na żywo. Idealny do zmiennych CSS i motywów kolorystycznych.
Kalkulator Proporcji Obrazu
Oblicz proporcje obrazu, znajdź brakującą szerokość lub wysokość i zmieniaj rozmiar zdjęć oraz filmów bez utraty proporcji. Za darmo.
Dekoder Base64
Dekoduj ciągi Base64 do zwykłego tekstu błyskawicznie w przeglądarce. Obsługuje pełne kodowanie Unicode z emoji. Darmowy dekoder Base64.