Ekrany mieszają światło, drukarki mieszają tusz — więc kod HEX trzeba przetłumaczyć zanim coś pójdzie do druku. Ten konwerter daje wartości procentowe cyjanu, magenty, żółci i czerni (key), które jak najwierniej odwzorują twój kolor internetowy w druku.
Jak działa konwersja z HEX na CMYK
- Przekształć kod HEX na RGB i podziel każdy kanał przez 255.
- Oblicz składnik kluczowy (czarny): K = 1 − max(R, G, B).
- Wyprowadź pozostałe tusze, usuwając udział czerni: C = (1 − R − K) / (1 − K), ta sama formuła dla magenty i żółci.
- Pomnóż wszystkie cztery wartości przez 100, aby uzyskać procenty. Czysta czerń daje skrótowo 0/0/0/100.
Przykład działania
To przybliżenie niezależne od urządzenia. Rzeczywisty druk zależy od papieru, tuszu i profilu ICC, więc traktuj wynik jako punkt wyjścia i zawsze sprawdzaj proof dla krytycznych kolorów marki.
Wyjaśnienie HEX i CMYK
Czym jest HEX?
Kod HEX to sześciocyfrowa liczba szesnastkowa, która przechowuje kanały czerwony, zielony i niebieski koloru po znaku #. Każda para cyfr odpowiada jednemu kanałowi, od 00 (brak) do FF (pełny), co daje te same ~16,7 miliona kolorów co RGB, ale w krótszej notacji. HEX jest domyślny w CSS, narzędziach projektowych i wytycznych marki.
- Składnia:
- #RRGGBB
- Zakres:
- 00–FF na kanał
- Najlepsze do:
- CSS, przekaz projektowy, wytyczne marki
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 HEX na CMYK
Najczęściej używane kolory CSS, skonwertowane z HEX na CMYK.
| Kolor | HEX | CMYK |
|---|---|---|
| black | #000000 | cmyk(0%, 0%, 0%, 100%) |
| white | #FFFFFF | cmyk(0%, 0%, 0%, 0%) |
| red | #FF0000 | cmyk(0%, 100%, 100%, 0%) |
| lime | #00FF00 | cmyk(100%, 0%, 100%, 0%) |
| blue | #0000FF | cmyk(100%, 100%, 0%, 0%) |
| yellow | #FFFF00 | cmyk(0%, 0%, 100%, 0%) |
| orange | #FFA500 | cmyk(0%, 35%, 100%, 0%) |
| teal | #008080 | cmyk(100%, 0%, 0%, 50%) |
| purple | #800080 | cmyk(0%, 100%, 0%, 50%) |
| gray | #808080 | cmyk(0%, 0%, 0%, 50%) |