Ukitoka kwenye uchapishaji na unahitaji rangi ile ile kwenye wavuti? Kubadilisha CMYK kuwa HEX inakupa sawa ya karibu kwenye skrini ya mchanganyiko wako wa wino, tayari kubandika kwenye CSS, Figma au karatasi ya chapa.
Jinsi uongozaji wa CMYK hadi HEX unavyofanya kazi
- Gawanya asilimia zote za CMYK kwa 100.
- Tumia kwanza sehemu ya key: kila channel inazidishwa kwa (1 − K).
- Hesabu channel: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Zungusha kila channel, uiandike kama tarakimu mbili za hexadecimal na uzishike nyuma ya #.
Mfano uliofanya kazi
Makadirio kwa asili. CMYK inafunika wigo mdogo wa rangi kuliko skrini, hivyo matokeo ya HEX ni muhtasari mwaminifu zaidi kuliko mechi iliyosimamiwa kwa rangi — hiyo ingehitaji profaili ya ICC ya press.
CMYK na HEX obofye
Ni nini CMYK?
CMYK ni modeli ya wino nne inayotumika kwenye uchapaji: cyan, magenta, yellow na key (nyeusi), kila moja kama asilimia kutoka 0 hadi 100. Wino hupunguza mwanga badala ya kuutoa, hivyo CMYK ina nafasi ndogo ya rangi kuliko skrini — ndiyo maana rangi angavu za skrini mara nyingi zinaonekana kupoteza mngʼaa zinapochapwa.
- Sintaksia:
- cmyk(C%, M%, Y%, K%)
- Wigo:
- 0–100% kwa kila wino
- Bora kwa:
- uchapaji, ufungashaji, kazi za kuchapisha tayari
Ni nini HEX?
Msimboli wa HEX ni nambari ya hexadecimal yenye tarakimu sita ambayo huhifadhi channel za red, green na blue za rangi nyuma ya alama ya kuongoza #. Kila jozi ya tarakimu inashughulikia channel moja, kutoka 00 (hakuna) hadi FF (kamilifu), ambayo inatoa rangi milioni 16.7 sawa na RGB kwa noti fupi zaidi. HEX ndilo chaguo chaguo msingi katika CSS, zana za muundo na miongozo ya chapa.
- Sintaksia:
- #RRGGBB
- Wigo:
- 00–FF kwa kila channel
- Bora kwa:
- CSS, kupeana muundo, miongozo ya chapa
CMYK to HEX reference table
Rangi za CSS zinazotumika zaidi, zimetumika kutoka CMYK hadi HEX.
| Rangi | 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 |