Kailangang ipakita sa screen ang isang print color? Ang pag-convert ng CMYK sa RGB ay nagbibigay ng light-based na katumbas ng iyong ink percentages — mga value na kayang i-display ng monitor, mockup o web page.
Paano gumagana ang conversion mula CMYK papuntang RGB
- Gawing fraction sa pagitan ng 0 at 1 ang lahat ng apat na porsyento.
- Ilapat muna ang key component: ang bawat channel ay sine-scale ng (1 − K).
- Kalkulahin ang R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K) at B = 255 × (1 − Y) × (1 − K).
- I-round ang bawat channel sa isang buong numero mula 0 hanggang 255.
Halimbawang gumagana
Approximate ito. Kayang magpakita ng mas maraming kulay ang screen kaysa sa kayang gawin ng tinta, kaya karaniwang mas maliwanag at mas saturated ang RGB na resulta kumpara sa naka-print na piraso.
Ipinaliwanag ang CMYK at RGB
Ano ang CMYK?
Ang CMYK ay ang four-ink model na ginagamit sa pagpi-print: cyan, magenta, yellow at key (black), bawat isa bilang porsyento mula 0 hanggang 100. Ang tinta ay nag-aalis ng ilaw sa halip na naglalabas nito, kaya mas kaunti ang kulay na kaya ng CMYK kumpara sa screen — kaya madalas mas mapurol ang maliwanag na screen colors kapag na-print.
- Sintaks:
- cmyk(C%, M%, Y%, K%)
- Saklaw:
- 0–100% per ink
- Pinakamainam para sa:
- print, packaging, press-ready artwork
Ano ang RGB?
Ipinapakita ng RGB ang kulay bilang tatlong channel ng ilaw — red, green at blue — bawat isa mula 0 hanggang 255. Ginagaya nito kung paano talaga gumagana ang mga screen: lahat ng tatlo sa 255 ay nagreresulta sa puti, lahat sa 0 ay itim. Tamang piliin ang RGB kapag kailangan mong mag-calculate gamit ang isang kulay, at nagdadagdag ang rgba() ng transparency sa ibabaw.
- Sintaks:
- rgb(R, G, B)
- Saklaw:
- 0–255 per channel
- Pinakamainam para sa:
- code, canvas, transparency with rgba()
CMYK to RGB reference table
Ang mga pinaka-karaniwang CSS na kulay, naka-convert mula CMYK papuntang RGB.
| Kulay | 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) |