HEX, RGB, HSL, HWB, OKLCH i CMYK w obie strony, ze sprawdzaniem kontrastu
Działa w przeglądarce. Wpisane dane nie są nigdzie wysyłane.Kolor można zapisać na kilka sposobów, które oznaczają to samo. Tutaj HEX, RGB, HSL, HWB, OKLCH i CMYK są konwertowane w obie strony, a sprawdzenie kontrastu mówi, czy tekst na tym kolorze osiąga współczynnik 4.5 do 1. Nic nie opuszcza strony.
Ta strona została przetłumaczona maszynowo z angielskiego oryginału. Tłumaczenie nie zostało jeszcze sprawdzone przez człowieka, dlatego wiążąca jest wersja angielska. Przeczytaj angielski oryginał
Wpisz kolor w polu Kolor w dowolnym formacie: kod hex, rgb(), hsl(), oklch() lub nazwę, np. teal.
Albo otwórz próbnik kolorów obok pola i wybierz kolor na oko.
Odczytaj wiersze HEX, RGB, HSL, HWB, OKLCH i CMYK, które aktualizują się razem.
Kliknij ikonę kopiowania w potrzebnym wierszu lub naciśnij Ctrl+Enter, aby skopiować wartość HEX.
Ten konwerter kolorów przyjmuje kolor w dowolnym popularnym formacie i zwraca go we wszystkich: HEX, RGB, HSL, HWB, OKLCH i CMYK. Po wpisaniu #2B59F5, rgb(43 89 245), hsl(227 91% 56%), oklch(55% 0.22 265), wartości CMYK lub nazwy CSS, takiej jak teal, wszystkie pozostałe formaty się aktualizują, z podglądem na żywo, próbnikiem i kopiowaniem jednym kliknięciem.
Programiści front-end używają go do przeniesienia koloru marki z pliku projektu do CSS, do przełączenia palety na OKLCH, aby rozjaśnienia wyglądały równo we wszystkich odcieniach, oraz do sprawdzenia czytelności tekstu przed pull requestem. Projektanci używają go, aby przekazać drukarni przybliżone wartości CMYK, a każdy może użyć panelu kontrastu, aby sprawdzić kolor tekstu na bieli, czerni lub wybranym tle.
Kontrast jest liczony dokładnie według WCAG 2: współczynnik jest pokazywany z dwoma miejscami po przecinku, zaokrąglony w dół, aby para z wynikiem 4.49 nigdy nie wyglądała na zaliczoną, z oznaczeniami AA i AAA dla zwykłego i dużego tekstu. Kolory półprzezroczyste są najpierw nakładane na tło. Wiersz rozjaśnień i przyciemnień miesza kolor z bielą i czernią w krokach co 10%; kliknięcie dowolnej próbki kopiuje jej wartość hex.
Wartości OKLCH spoza zakresu sRGB są dopasowywane przez zmniejszenie nasycenia (chroma) przy zachowaniu jasności i odcienia, a narzędzie informuje, kiedy to nastąpiło. CMYK to prosty wzór bez profilu farb, więc należy go traktować jako punkt wyjścia i poprosić drukarnię o ostateczne wartości. Wszystko działa w przeglądarce; zapamiętywany jest tylko wybór drugiego koloru.
Powiązane narzędzia: Number Base Converter, QR Code Generator, Slug Generator.
Wklej kod hex, ze znakiem # lub bez niego, i odczytaj wiersz RGB. Każda para cyfr hex to jeden kanał od 00 do FF, czyli od 0 do 255 dziesiętnie, więc #FF5733 to czerwony 255, zielony 87 i niebieski 51. W kodach trzycyfrowych, takich jak #F53, każda cyfra jest najpierw podwajana, co daje #FF5533.
Poziom AA według WCAG 2 wymaga co najmniej 4.5 do 1 dla zwykłego tekstu i 3 do 1 dla dużego tekstu, czyli 24 px zwykłym krojem lub około 19 px pogrubionym. Poziom AAA wymaga 7 do 1 i 4.5 do 1. Narzędzie pokazuje dokładny współczynnik i oznacza każdy poziom jako zaliczony lub niezaliczony dla podanej pary.
OKLCH opisuje kolor przez postrzeganą jasność, nasycenie (chroma) i odcień. W przeciwieństwie do HSL równe wartości jasności wyglądają na równie jasne w różnych odcieniach, więc palety i stany hover zbudowane w OKLCH wyglądają na zrównoważone. Wszystkie nowoczesne przeglądarki obsługują oklch() w CSS, a to narzędzie konwertuje go na hex i z hex.
Wartości CMYK są tutaj przybliżone. Narzędzie używa standardowego wzoru zakładającego idealne farby, ale rzeczywisty druk zależy od maszyny, papieru i profilu kolorów, a niektórych jaskrawych kolorów ekranowych nie da się w ogóle wydrukować. Należy traktować te wartości jako punkt wyjścia i poprosić drukarnię o dopasowanie na podstawie próbnego wydruku.
Tak. Odczytywane są rgba(), hsla(), składnia z ukośnikiem, np. rgb(0 0 0 / 50%), oraz 8-cyfrowy hex, np. #FF000080, a kanał alfa jest przenoszony do każdego formatu, który go obsługuje. CMYK nie ma przezroczystości. Przy sprawdzaniu kontrastu kolor półprzezroczysty jest nakładany na tło przed obliczeniem współczynnika.
Nie. Konwersje działają w przeglądarce. Edytowany kolor nie jest nigdzie wysyłany; na tym urządzeniu zapamiętywany jest tylko drugi kolor używany do porównania kontrastu, aby narzędzie otwierało się tam, gdzie je zostawiono.
Nadal coś nie działa? Zapytaj o narzędzie Konwerter kolorów a odpowiedzieć może każdy, kto zna odpowiedź. Konto nie jest potrzebne.