Konwerter formatów kolorów

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.