ImageColorPicker.com

Konwerter z CMYK na HSL

Konwertuj dowolny kolor z CMYK na HSL — natychmiast i za darmo

#754595

Wklej dowolną wartość koloru — wykryjemy format za ciebie.

C
M
Y
K
Wynik HSL
Odcień
276°
Nasycenie
37%
Jasność
43%

Profil CMYK: Coated FOGRA39 (domyślny w Photoshopie dla Europy)

Ten kolor we wszystkich formatach

Przenoszenie palety z druku na web jest łatwiejsze w HSL: gdy mieszanka tuszu jest wyrażona jako odcień, nasycenie i jasność, możesz w kilka sekund zbudować stany hover, tinty i shade'y.

Jak działa konwersja z CMYK na HSL

  1. Przelicz procenty CMYK na kanały sRGB od 0 do 255 z profilem Coated FOGRA39.
  2. Podziel kanały przez 255 i oblicz ich maksimum oraz minimum.
  3. Średnia maksimum i minimum to jasność L, a ich rozpiętość determinuje nasycenie S.
  4. Kanał trzymający maksimum determinuje odcień H w stopniach na kole barw.

Przykład działania

CMYK cmyk(66%, 82%, 0%, 0%)=HSL hsl(276, 37%, 43%)

Krok z CMYK na RGB używa standardowego profilu Coated FOGRA39, więc inne profile CMYK (na przykład od drukarni) dają inne liczby. Wartości HSL są zaokrąglane do liczb całkowitych.

Wyjaśnienie CMYK i HSL

Czym jest CMYK?

CMYK to model czterech farb używany w druku: cyan, magenta, yellow i key (czarny), każdy jako procent od 0 do 100. Farba odejmuje światło zamiast je emitować, więc CMYK obejmuje mniej kolorów niż ekran — dlatego jaskrawe kolory ekranowe często wyglądają na bardziej stonowane po wydruku.

Składnia:
cmyk(C%, M%, Y%, K%)
Zakres:
0–100% na farbę
Najlepsze do:
druk, opakowania, pliki gotowe do druku

Czym jest HSL?

HSL dzieli kolor na odcień (0–360° na kole barw), nasycenie (jak intensywny, 0–100%) i jasność (jak jasny, 0–100%). Ponieważ każdy element odpowiada temu, jak ludzie opisują kolor, HSL jest najłatwiejszym formatem do tworzenia tonów, cieni i spójnych palet — ręcznie lub w kodzie.

Składnia:
hsl(H, S%, L%)
Zakres:
0–360°, 0–100%, 0–100%
Najlepsze do:
palety, tony i cienie, theming

Tabela odniesienia z CMYK na HSL

Najczęściej używane kolory CSS, skonwertowane z CMYK na HSL.

KolorCMYKHSL
blackcmyk(89%, 78%, 62%, 97%)hsl(0, 0%, 0%)
whitecmyk(0%, 0%, 0%, 0%)hsl(0, 0%, 100%)
redcmyk(0%, 95%, 92%, 0%)hsl(1, 79%, 51%)
limecmyk(64%, 0%, 100%, 0%)hsl(93, 60%, 44%)
bluecmyk(93%, 75%, 0%, 0%)hsl(224, 56%, 39%)
yellowcmyk(9%, 0%, 96%, 0%)hsl(57, 100%, 48%)
orangecmyk(0%, 43%, 94%, 0%)hsl(37, 93%, 53%)
tealcmyk(83%, 27%, 48%, 12%)hsl(180, 87%, 27%)
purplecmyk(63%, 100%, 4%, 1%)hsl(299, 58%, 31%)
graycmyk(48%, 39%, 39%, 21%)hsl(30, 1%, 50%)

Więcej konwerterów kolorów

Najczęściej zadawane pytania

Przelicz procenty CMYK na kanały sRGB od 0 do 255 z profilem Coated FOGRA39. Podziel kanały przez 255 i oblicz ich maksimum oraz minimum. Średnia maksimum i minimum to jasność L, a ich rozpiętość determinuje nasycenie S. Kanał trzymający maksimum determinuje odcień H w stopniach na kole barw.

Krok z CMYK na RGB używa standardowego profilu Coated FOGRA39, więc inne profile CMYK (na przykład od drukarni) dają inne liczby. Wartości HSL są zaokrąglane do liczb całkowitych.

HSL dzieli kolor na odcień (0–360° na kole barw), nasycenie (jak intensywny, 0–100%) i jasność (jak jasny, 0–100%). Ponieważ każdy element odpowiada temu, jak ludzie opisują kolor, HSL jest najłatwiejszym formatem do tworzenia tonów, cieni i spójnych palet — ręcznie lub w kodzie.

Tak. Przyciski zamiany obok pola wejściowego przenoszą cię do konwertera HSL na CMYK, który działa dokładnie tak samo. Obie strony używają tej samej formuły, tylko zastosowanej odwrotnie.

Gdy jesteś w HSL, zachowaj odcień z druku i zmieniaj tylko jasność dla wersji web. To utrzymuje rozpoznawalność koloru marki przy jednoczesnym spełnieniu wymagań kontrastu na ekranie.