Konwerter kolorów
Konwertuj kolory między HEX, RGB i HSL z podglądem na żywo.
Powiązane narzędzia
Jak korzystać z narzędzia Konwerter kolorów
- 01
Wprowadź kolor w formacie HEX, na przykład #ff8800.
- 02
Zobacz go natychmiast przekonwertowanego na RGB i HSL.
- 03
Skopiuj dowolny potrzebny format.
Co to robi
To konwerter kolorów do pracy webowej i projektowej, który przekłada kolor między trzema najczęściej używanymi formatami: HEX, RGB i HSL, z podglądem na żywo, dzięki któremu widzisz dokładnie to, nad czym pracujesz.
To codzienny łącznik między projektem a kodem: dopasowanie koloru marki z makiety do zmiennej CSS, konwersja wartości podanej przez projektanta w jednym formacie na ten, którego oczekuje Twój framework, lub znalezienie nieco jaśniejszego odcienia na stan hover.
Wszystko działa w Twojej przeglądarce, więc jest natychmiastowe, a nic z tego, co wpiszesz, nie jest nigdzie wysyłane.
Czym różnią się formaty
Każdy format opisuje ten sam kolor inaczej. HEX (jak #ff8800) to zwięzła forma używana wszędzie w CSS i HTML. RGB podaje kanały czerwony, zielony i niebieski wprost, tak jak o kolorze myślą ekrany i kod, na przykład canvas. HSL opisuje barwę, nasycenie i jasność, co jest znacznie bardziej intuicyjne, gdy chcesz podkręcić kolor: zmień barwę, aby przesunąć go wokół koła, albo jasność, aby go przyciemnić bez ręcznego dobierania nowego kodu.
Jak działa konwersja
Wpisz wartość HEX, a odpowiedniki RGB i HSL zaktualizują się natychmiast, więc możesz pobrać dowolny format, którego oczekuje narzędzie lub baza kodu przed Tobą.
Czego jeszcze nie obejmuje
Na razie narzędzie skupia się na kolorach nieprzezroczystych w HEX, RGB i HSL. Obsługa kanału alfa (przezroczystości) nie jest jeszcze uwzględniona.
Najczęściej zadawane pytania
Jakie formaty są obsługiwane?
HEX (#rgb lub #rrggbb), RGB i HSL. Wprowadź wartość HEX, a pozostałe zaktualizują się na żywo.
Czy obsługujecie kanał alfa / przezroczystość?
Jeszcze nie. To narzędzie skupia się na nieprzezroczystych kolorach HEX, RGB i HSL. Obsługa kanału alfa może zostać dodana później.