Konwertuj kolory HWB na OKLab w jednym kroku. Wpisz wartość HWB w składni CSS lub jako same liczby i otrzymaj dokładny odpowiednik OKLab, zaokrąglony dla CSS i obliczony za pomocą biblioteki culori. Gdy OKLab nie może wyświetlić danego koloru, zostaje on odwzorowany na najbliższy kolor mieszczący się w gamucie, zgodnie ze specyfikacją CSS Color 4. Narzędzie dla programistów i projektantów, którzy przenoszą kolory między arkuszami stylów, narzędziami do projektowania i specyfikacjami.
Dziesięć formatów: HEX, RGB, HSL, HWB, CIELAB (lab), CIE LCH (lch), OKLab, OKLCH, CMYK i Display P3. Każdy z nich może być formatem źródłowym lub docelowym, co daje 90 kierunków konwersji. Wyniki używają nowoczesnej składni CSS Color 4, na przykład rgb(255 136 0) lub oklch(0.7442 0.1812 56.46).
Wpisz pełną notację CSS wybranego formatu źródłowego, na przykład hsl(32 100% 50%) lub color(display-p3 1 0.5 0), albo same liczby, na przykład 32, 100%, 50% po wybraniu HSL. Kody szesnastkowe działają z # lub bez niego, w formacie 3-, 4-, 6- lub 8-cyfrowym. Wartość musi być zgodna z wybranym formatem źródłowym, dlatego wartość rgb() na stronie HSL zostanie odrzucona, zamiast zostać błędnie przekonwertowana.
culori nie obsługuje trybu CMYK, dlatego konwerter używa standardowego, uproszczonego wzoru na wartościach sRGB od 0 do 1: K = 1 - max(R, G, B), C = (1 - R - K) / (1 - K), analogicznie dla M i Y. Konwersja w drugą stronę przebiega według wzoru R = (1 - C) x (1 - K) i tak dalej. Nie jest to konwersja z użyciem profilu ICC, więc wynik nie będzie zgodny z wydrukiem na konkretnej prasie lub papierze; używaj go do przybliżeń ekranowych i orientacyjnych specyfikacji.
Użyj cmyk(0%, 47%, 100%, 0%), cmyk(0 0.47 1 0) lub czterech samych liczb. Wartości ze znakiem procentu są traktowane jako procenty; wartości bez jednostki są odczytywane jako ułamki od 0 do 1, chyba że jedna z nich przekracza 1 — wtedy wszystkie są odczytywane jako procenty. Dlatego zapis 0, 47, 100, 0 działa zgodnie z oczekiwaniami. Wynik CMYK jest zawsze zapisywany jako wartość procentowa z maksymalnie dwoma miejscami po przecinku.
Lab, LCH, OKLab, OKLCH i Display P3 mogą opisywać kolory, których sRGB nie potrafi wyświetlić. Jeśli formatem docelowym jest HEX, RGB, HSL, HWB lub CMYK, które wszystkie używają sRGB, albo Display P3, kolor spoza gamutu jest odwzorowywany za pomocą algorytmu CSS Color 4, który zmniejsza chromę OKLCH, aż kolor będzie pasować. Wynik zawiera odpowiednią informację. Formaty docelowe Lab, LCH, OKLab i OKLCH są nieograniczone i kolory nigdy nie są w nich odwzorowywane.
Tak, dla wszystkich formatów docelowych z wyjątkiem CMYK. Wartość alfa w danych wejściowych, na przykład rgb(255 136 0 / 50%) lub #ff880080, jest zapisywana jako / 0.5 wewnątrz funkcji CSS oraz jako 8-cyfrowy kod szesnastkowy. CMYK nie ma kanału alfa, więc w tym formacie wartość alfa jest pomijana.
Kanały RGB są zaokrąglane do liczb całkowitych z zakresu od 0 do 255; wartości procentowe HSL, HWB i CMYK oraz wartości Lab i LCH — do dwóch miejsc po przecinku; wartości OKLab, jasność i chroma OKLCH oraz kanały Display P3 — do czterech miejsc po przecinku; odcienie — do dwóch miejsc po przecinku. Wszystkie obliczenia są wykonywane z pełną podwójną precyzją przed zaokrągleniem, więc konwersja w obie strony zachowuje wynik z dokładnością do zaokrąglenia wartości początkowej.
CIELAB i CIE LCH z punktem bieli D50, dokładnie tak, jak definiują je funkcje CSS lab() i lch(), z adaptacją Bradforna z punktu bieli D65 przestrzeni sRGB. Jasność mieści się w zakresie od 0 do 100. OKLab i OKLCH to percepcyjne przestrzenie autorstwa Bjorna Ottossona używane przez CSS oklab() i oklch(), z jasnością od 0 do 1.
Formularz na stronie konwertuje jeden kolor naraz. Klienci wywołujący narzędzie bezpośrednio mogą przesłać do 100 kolorów, po jednym w każdym wierszu, i otrzymać po jednej przekonwertowanej wartości w każdym wierszu, w tej samej kolejności. Każdy kolor może mieć maksymalnie 100 znaków.
Kolory neutralne nie mają odcienia, który CSS może zapisać jako none. Konwerter zapisuje zamiast tego 0, aby wartość działała również w narzędziach, które nie akceptują none. Odcień nie ma widocznego efektu, gdy nasycenie lub chroma wynosi zero.
Konwertuj kolor między formatami HEX, RGB, HSL, HWB, CIELAB, CIE LCH, OKLab, OKLCH, CMYK i Display P3. Wybierz format źródłowy i docelowy, wpisz wartość w składni CSS lub jako same liczby i otrzymaj wynik gotowy do użycia w CSS, obliczony za pomocą biblioteki culori. Kolory spoza gamutu docelowego są odwzorowywane zgodnie ze specyfikacją CSS Color 4. Narzędzie dla programistów i projektantów, którzy przenoszą kolory między kodem a narzędziami do projektowania.
Konwertuj kolory HWB na HEX w jednym kroku. Wpisz wartość HWB w składni CSS lub jako same liczby i otrzymaj dokładny odpowiednik HEX, zaokrąglony dla CSS i obliczony za pomocą biblioteki culori. Gdy HEX nie może wyświetlić danego koloru, zostaje on odwzorowany na najbliższy kolor mieszczący się w gamucie, zgodnie ze specyfikacją CSS Color 4. Narzędzie dla programistów i projektantów, którzy przenoszą kolory między arkuszami stylów, narzędziami do projektowania i specyfikacjami.
Konwertuj kolory HWB na RGB w jednym kroku. Wpisz wartość HWB w składni CSS lub jako same liczby i otrzymaj dokładny odpowiednik RGB, zaokrąglony dla CSS i obliczony za pomocą biblioteki culori. Gdy RGB nie może wyświetlić danego koloru, zostaje on odwzorowany na najbliższy kolor mieszczący się w gamucie, zgodnie ze specyfikacją CSS Color 4. Narzędzie dla programistów i projektantów, którzy przenoszą kolory między arkuszami stylów, narzędziami do projektowania i specyfikacjami.
Konwertuj kolory HWB na HSL w jednym kroku. Wpisz wartość HWB w składni CSS lub jako same liczby i otrzymaj dokładny odpowiednik HSL, zaokrąglony dla CSS i obliczony za pomocą biblioteki culori. Gdy HSL nie może wyświetlić danego koloru, zostaje on odwzorowany na najbliższy kolor mieszczący się w gamucie, zgodnie ze specyfikacją CSS Color 4. Narzędzie dla programistów i projektantów, którzy przenoszą kolory między arkuszami stylów, narzędziami do projektowania i specyfikacjami.
Konwertuj kolory HWB na CIELAB w jednym kroku. Wpisz wartość HWB w składni CSS lub jako same liczby i otrzymaj dokładny odpowiednik CIELAB, zaokrąglony dla CSS i obliczony za pomocą biblioteki culori. Gdy CIELAB nie może wyświetlić danego koloru, zostaje on odwzorowany na najbliższy kolor mieszczący się w gamucie, zgodnie ze specyfikacją CSS Color 4. Narzędzie dla programistów i projektantów, którzy przenoszą kolory między arkuszami stylów, narzędziami do projektowania i specyfikacjami.
Konwertuj kolory HWB na CIE LCH w jednym kroku. Wpisz wartość HWB w składni CSS lub jako same liczby i otrzymaj dokładny odpowiednik CIE LCH, zaokrąglony dla CSS i obliczony za pomocą biblioteki culori. Gdy CIE LCH nie może wyświetlić danego koloru, zostaje on odwzorowany na najbliższy kolor mieszczący się w gamucie, zgodnie ze specyfikacją CSS Color 4. Narzędzie dla programistów i projektantów, którzy przenoszą kolory między arkuszami stylów, narzędziami do projektowania i specyfikacjami.
OneClick Pro to bezpłatny zbiór ponad 150 narzędzi internetowych do codziennej pracy: konwertowania obrazów i jednostek, formatowania i walidowania kodu, sprawdzania domen i SEO oraz pracy z tekstem, datami i liczbami. Każde narzędzie działa bez rejestracji i subskrypcji, a wprowadzone dane służą wyłącznie do obliczenia wyniku i nigdy nie są przechowywane. Używaj go jako podręcznego zestawu narzędzi do jednorazowych zadań lub dodaj do zakładek te, z których korzystasz każdego dnia.