Palety projektowane w HSL często trafiają na papier. Ten konwerter bierze wybrany odcień, nasycenie i jasność i zwraca cztery procenty tuszu, z którymi pracuje drukarnia.
Jak działa konwersja z HSL na CMYK
- Zamień trojkę HSL na kanały RGB między 0 a 255.
- Odczytaj je jako wartości sRGB i znajdź kolor w profilu Coated FOGRA39.
- Użyj względnie kolorymetrycznego celu renderowania z kompensacją punktu czerni, dzięki czemu biel pozostaje bielą papieru, a czerń odpowiada najciemniejszemu tuszowi, jaki maszyna drukarska może wydrukować.
- Zaokrąglij cztery wartości tuszu do pełnych procentów. Odpowiadają one europejskiemu domyślnemu ustawieniu CMYK w Photoshopie.
Przykład działania
Dwie konwersje następują po sobie, więc zaokrąglenie odbywa się dwukrotnie, a krok CMYK używa standardowego profilu Coated FOGRA39. Inne profile CMYK (na przykład od drukarni) dają inne liczby. Spodziewaj się, że wydruk będzie nieco mniej intensywny niż podgląd HSL.
Wyjaśnienie HSL i CMYK
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
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
Tabela odniesienia z HSL na CMYK
Najczęściej używane kolory CSS, skonwertowane z HSL na CMYK.
| Kolor | HSL | CMYK |
|---|---|---|
| black | hsl(0, 0%, 0%) | cmyk(89%, 78%, 62%, 97%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 95%, 92%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(64%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(93%, 75%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(9%, 0%, 96%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 42%, 94%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(83%, 28%, 47%, 12%) |
| purple | hsl(300, 100%, 25%) | cmyk(63%, 100%, 5%, 2%) |
| gray | hsl(0, 0%, 50%) | cmyk(48%, 39%, 39%, 21%) |