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
- Podziel wszystkie cztery wartości CMYK przez 100.
- Zastosuj najpierw składnik kluczowy: każdy kanał jest skalowany przez (1 − K).
- Oblicz kanały: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Zaokrąglij każdy kanał, zapisz jako dwie cyfry szesnastkowe i połącz je za #.
Przykład działania
Z natury przybliżone. CMYK obejmuje mniejszy zakres kolorów niż ekran, więc wynik HEX jest wiernym poglądem, a nie zarządzanym kolorystycznie dopasowaniem — do tego potrzebny byłby profil ICC maszyny drukującej.
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(0%, 0%, 0%, 100%) | #000000 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 100%, 100%, 0%) | #FF0000 |
| lime | cmyk(100%, 0%, 100%, 0%) | #00FF00 |
| blue | cmyk(100%, 100%, 0%, 0%) | #0000FF |
| yellow | cmyk(0%, 0%, 100%, 0%) | #FFFF00 |
| orange | cmyk(0%, 35%, 100%, 0%) | #FFA600 |
| teal | cmyk(100%, 0%, 0%, 50%) | #008080 |
| purple | cmyk(0%, 100%, 0%, 50%) | #800080 |
| gray | cmyk(0%, 0%, 0%, 50%) | #808080 |