Unahitaji kuonyesha rangi ya kuchapishwa kwenye skrini? Kubadilisha CMYK kwenda RGB kunakupa sawa yake inayotokana na mwanga — thamani ambazo monitari, mockup au ukurasa wa wavuti zinaweza kuonyesha.
Jinsi uongozaji wa CMYK hadi RGB unavyofanya kazi
- Geuza asilimia nne kuwa sehemu kati ya 0 na 1.
- Tumia kwanza kipengele cha key: kila chaneli inazidishwa kwa (1 − K).
- Hesabu R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K) na B = 255 × (1 − Y) × (1 − K).
- Zungusha kila chaneli kuwa nambari kamili kati ya 0 na 255.
Mfano uliofanya kazi
Mkaribia. Skrini inaweza kuonyesha rangi nyingi zaidi kuliko wino, hivyo matokeo ya RGB kawaida yanaonekana ya kung'aa zaidi na yenye saturation zaidi kuliko kile kilichochapishwa.
CMYK na RGB 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 RGB?
RGB inaelezea rangi kama channel tatu za mwanga — red, green na blue — kila moja kutoka 0 hadi 255. Inaakisi jinsi skrini zinavyofanya kazi kwa kweli: zote tatu kwa 255 zinaipa nyeupe, zote kwa 0 zinaipa nyeusi. RGB ni chaguo sahihi wakati unahitaji kufanya hesabu na rangi, na rgba() inaongeza uwazi juu yake.
- Sintaksia:
- rgb(R, G, B)
- Wigo:
- 0–255 kwa kila channel
- Bora kwa:
- code, canvas, uwazi na rgba()
CMYK to RGB reference table
Rangi za CSS zinazotumika zaidi, zimetumika kutoka CMYK hadi RGB.
| Rangi | CMYK | RGB |
|---|---|---|
| black | cmyk(0%, 0%, 0%, 100%) | rgb(0, 0, 0) |
| white | cmyk(0%, 0%, 0%, 0%) | rgb(255, 255, 255) |
| red | cmyk(0%, 100%, 100%, 0%) | rgb(255, 0, 0) |
| lime | cmyk(100%, 0%, 100%, 0%) | rgb(0, 255, 0) |
| blue | cmyk(100%, 100%, 0%, 0%) | rgb(0, 0, 255) |
| yellow | cmyk(0%, 0%, 100%, 0%) | rgb(255, 255, 0) |
| orange | cmyk(0%, 35%, 100%, 0%) | rgb(255, 166, 0) |
| teal | cmyk(100%, 0%, 0%, 50%) | rgb(0, 128, 128) |
| purple | cmyk(0%, 100%, 0%, 50%) | rgb(128, 0, 128) |
| gray | cmyk(0%, 0%, 0%, 50%) | rgb(128, 128, 128) |