Pochodzisz z druku i potrzebujesz tego samego koloru w internecie? Konwersja CMYK do HEX daje najbliższy ekranowy odpowiednik mieszanki tuszy, gotowy do wklejenia do CSS, Figma lub arkusza marki.
Jak działa konwersja z CMYK na HEX
- Przyjmij cztery procenty CMYK jako ilości tuszu dla profilu Coated FOGRA39.
- Odczytaj kolor, jaki profil drukuje dla tej mieszanki tuszów, używając względnie kolorymetrycznego celu renderowania z kompensacją punktu czerni.
- Przelicz ten kolor na sRGB. Kolory, których ekran nie potrafi pokazać, zostają przycięte do najbliższej wartości, jaką ekran może pokazać.
- Zaokrąglij każdy kanał, zapisz jako dwie cyfry szesnastkowe i połącz je za #.
Przykład działania
Użyty jest standardowy profil Coated FOGRA39, a nie profil twojej maszyny drukarskiej. Inne profile CMYK (na przykład od drukarni) dają inne liczby, więc traktuj wynik HEX jako wierny podgląd, a przy kolorach kluczowych dla marki sprawdź odbitkę próbną.
Wyjaśnienie CMYK i HEX
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 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
Tabela odniesienia z CMYK na HEX
Najczęściej używane kolory CSS, skonwertowane z CMYK na HEX.
| Kolor | CMYK | HEX |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | #010101 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 95%, 92%, 0%) | #E52420 |
| lime | cmyk(64%, 0%, 100%, 0%) | #69B42D |
| blue | cmyk(93%, 75%, 0%, 0%) | #2C4A9A |
| yellow | cmyk(9%, 0%, 96%, 0%) | #F4E600 |
| orange | cmyk(0%, 43%, 94%, 0%) | #F6A216 |
| teal | cmyk(83%, 27%, 48%, 12%) | #098180 |
| purple | cmyk(63%, 100%, 4%, 1%) | #7D217E |
| gray | cmyk(48%, 39%, 39%, 21%) | #81807F |