Czym HSL różni się od HSV?

Oba używają barwy (0–360°) i nasycenia, ale trzecia wartość jest inna: HSL opiera się na jasności, a HSV na wartości (luminancji). Te same liczby dają więc różne kolory.

Czy wartość CMYK nadaje się do druku?

To tylko przybliżona konwersja z RGB. Do profesjonalnego druku użyj profilu kolorów wskazanego przez drukarnię.

Co oznacza 8-cyfrowy kod HEX?

Ostatnie dwie cyfry określają krycie (alfa): 00 to pełna przezroczystość, a ff – pełne krycie.

Dlaczego liczby nieznacznie różnią się od innych narzędzi?

Wartości są zaokrąglane do liczb całkowitych, więc przeliczanie tam i z powrotem przez HSL lub CMYK może przesunąć jeden kanał o 1.

Konwerter kolorów: HEX, RGB, HSL, HSV, CMYK

Konwertuj kolory między HEX, RGB, HSL, HSV i CMYK, sprawdzaj kontrast i twórz palety.

Próbnik kolorów

Krycie (alfa): 1

HEX

RGB / RGBA

HSL / HSLA

HSV

CMYK

CSS

color: #2563eb;
color: rgb(37, 99, 235);
color: hsl(221, 83%, 53%);

Kontrast WCAG

Obliczony dla w pełni kryjącego koloru jako koloru tekstu.

Aa na bieli

Współczynnik: 5.17:1

Tekst AA: Zgodny
Duży tekst AA: Zgodny
Tekst AAA: Niezgodny
Duży tekst AAA: Zgodny

Aa na czerni

Współczynnik: 4.06:1

Tekst AA: Niezgodny
Duży tekst AA: Zgodny
Tekst AAA: Niezgodny
Duży tekst AAA: Niezgodny

Paleta

Kliknij próbkę, aby ją wybrać.

Jaśniejsze i ciemniejsze odcienie

Kolor dopełniający

Kolory sąsiadujące

Jak z tego korzystać

Wybierz kolor próbnikiem lub wpisz go w dowolne pole: wszystkie pozostałe formaty zaktualizują się od razu. Akceptowane są kody HEX z 3, 4, 6 lub 8 cyframi (na przykład #f80 lub #ff880080) oraz zapisy rgb(), rgba(), hsl(), hsla(), hsv() i cmyk(). Suwak ustawia krycie (alfa).

Przycisk obok każdego pola kopiuje jego wartość, a sekcja CSS podaje gotowe linie color:.

Kontrast i dostępność

Narzędzie oblicza współczynnik kontrastu WCAG między wybranym kolorem a bielą i czernią. Dla zwykłego tekstu poziom AA wymaga co najmniej 4,5:1, a AAA – 7:1. Duży tekst (około 24 px lub 19 px pogrubiony) wymaga odpowiednio 3:1 i 4,5:1.

Kontrast jest obliczany bez przezroczystości, czyli dla w pełni kryjącego koloru.

Paleta, CMYK i prywatność

Paleta pokazuje jaśniejsze i ciemniejsze odcienie (zmieszane z bielą lub czernią), kolor dopełniający (przeciwległy na kole barw) oraz kolory sąsiadujące. Kliknij próbkę, aby ustawić ją jako bieżący kolor.

CMYK jest tu liczony prostym wzorem matematycznym, więc wydruk może wyglądać inaczej: dokładne kolory do druku zależą od drukarki i profilu kolorów. Wszystkie obliczenia odbywają się w przeglądarce i żadne dane nie są nigdzie wysyłane.