Kiedy używać OKLCH zamiast HEX?

OKLCH jest percepcyjnie jednolity, co znaczy, że równe kroki numeryczne wyglądają jak równe kroki wizualne. To czyni go właściwym wyborem przy generowaniu palety kolorów, obliczaniu dostępnego kontrastu lub robieniu jakiejkolwiek algorytmicznej manipulacji kolorem. Dla statycznych tokenów projektowych HEX nadal jest w porządku.

Czy wszystkie konwersje są bezstratne?

Konwersja między HEX, RGB i formatami kolorów 8-bitowych jest bezstratna. Konwersje obejmujące HSL lub OKLCH mogą wprowadzać drobne zaokrąglenia zmiennoprzecinkowe na ostatniej cyfrze, ale wynik jest wizualnie identyczny.

Czy wspiera przezroczystość?

Tak. Każdy format ze wsparciem alfa (HEX z ośmioma cyframi, RGBA, HSLA, OKLCH z alfą) jest obsługiwany prawidłowo. Konwersje dokładnie zachowują kanał alfa.

Czy mogę wybrać kolor z obrazu?

Nie bezpośrednio tutaj. Do ekstrakcji palety z obrazu użyj narzędzia Color Palette Extractor. Ten konwerter skupia się na przekształcaniu znanej wartości koloru między formatami.

Czy cokolwiek jest wysyłane na serwer?

Nie. Konwersja działa całkowicie w przeglądarce. Zakładka Network pozostanie pusta podczas użycia.

Konwerter kolorów — HEX, RGB, HSL, OKLCH online

Konwerter kolorów (HEX, RGB, HSL, OKLCH)

Prywatne z założenia — działa w całości w Państwa przeglądarce

Konwertuj kolory między HEX, RGB, HSL, OKLCH i wartościami nazwanymi w przeglądarce. Toova pokazuje podgląd na żywo, pozwala dostroić kanały suwakami i udostępnia pełny wynik w każdym formacie gotowy do wklejenia do CSS, narzędzi projektowych lub kodu produkcyjnego.

Dlaczego tyle formatów kolorów

HEX (#ff6600) jest najczęstszy w CSS i łatwy do wpisania. RGB (rgb 255 102 0) to to, co mówią wszystkie formaty obrazów. HSL (hsl 24 100% 50%) jest bardziej intuicyjne przy wybieraniu odcieni, ponieważ hue, saturation i lightness mapują się na to, jak ludzie myślą o kolorze. OKLCH to nowoczesny format, który naprawia jednolitość percepcyjną — równe kroki numeryczne wyglądają jak równe kroki wizualne. Toova konwertuje między nimi wszystkimi bezstratnie.

Podgląd na żywo i suwaki kanałów

Wklej kolor w dowolnym formacie, a Toova pokazuje próbkę na żywo plus pełną konwersję na każdy inny format. Przeciągnij dowolny suwak kanału — hue, saturation, lightness, red, green, blue, alpha — a podgląd aktualizuje się w czasie rzeczywistym. To ułatwia podkręcanie bazowego koloru w odcień, naprawianie kontrastu lub generowanie stanu hover bez opuszczania karty przeglądarki.

Tylko lokalnie

Konwersja kolorów odbywa się całkowicie w przeglądarce. Wklejone wartości nigdy nie opuszczają strony. To przesada dla kodów kolorów, ale sprawia, że narzędzie jest szybkie i niezawodne — brak podróży do zaplecza, brak limitów częstotliwości, brak awarii. Strona działa offline po pierwszym załadowaniu.

Najczęściej zadawane pytania

Kiedy używać OKLCH zamiast HEX?: OKLCH jest percepcyjnie jednolity, co znaczy, że równe kroki numeryczne wyglądają jak równe kroki wizualne. To czyni go właściwym wyborem przy generowaniu palety kolorów, obliczaniu dostępnego kontrastu lub robieniu jakiejkolwiek algorytmicznej manipulacji kolorem. Dla statycznych tokenów projektowych HEX nadal jest w porządku.
Czy wszystkie konwersje są bezstratne?: Konwersja między HEX, RGB i formatami kolorów 8-bitowych jest bezstratna. Konwersje obejmujące HSL lub OKLCH mogą wprowadzać drobne zaokrąglenia zmiennoprzecinkowe na ostatniej cyfrze, ale wynik jest wizualnie identyczny.
Czy wspiera przezroczystość?: Tak. Każdy format ze wsparciem alfa (HEX z ośmioma cyframi, RGBA, HSLA, OKLCH z alfą) jest obsługiwany prawidłowo. Konwersje dokładnie zachowują kanał alfa.
Czy mogę wybrać kolor z obrazu?: Nie bezpośrednio tutaj. Do ekstrakcji palety z obrazu użyj narzędzia Color Palette Extractor. Ten konwerter skupia się na przekształcaniu znanej wartości koloru między formatami.
Czy cokolwiek jest wysyłane na serwer?: Nie. Konwersja działa całkowicie w przeglądarce. Zakładka Network pozostanie pusta podczas użycia.