Monu Tools

Konwerter kolorów

Konwertuj kolory między HEX, RGB i HSL z podglądem na żywo.

Jak korzystać z narzędzia Konwerter kolorów

  1. 01

    Wprowadź kolor w formacie HEX, na przykład #ff8800.

  2. 02

    Zobacz go natychmiast przekonwertowanego na RGB i HSL.

  3. 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.

Źródła

Osadź to narzędzie

Dodaj to narzędzie do własnej witryny. Skopiuj poniższy fragment, aktualizuje się automatycznie.

<iframe src="https://monu.tools/embed/pl/color-converter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>

Powiązane narzędzia