Additive at gawa sa liwanag ang RGB; subtractive at gawa sa tinta ang CMYK. Ang pag-convert sa pagitan nila ang hakbang na ginagawa ng bawat screen design bago ito mai-print.
Paano gumagana ang conversion mula RGB papuntang CMYK
- I-normalise ang mga channel: hatiin ang R, G at B sa 255.
- Kunin ang pinakamalaki sa mga na-normalise na channel at kalkulahin ang key K = 1 − max.
- Deribahin ang cyan, magenta at yellow sa pamamagitan ng pag-alis ng bahaging itim: C = (1 − R − K) / (1 − K), at iba pa.
- I-convert ang lahat ng apat na halaga sa porsyento mula 0 hanggang 100.
Halimbawang gumagana
Isang mathematical approximation ito nang walang color profile. Gumagamit ang mga print shop ng ICC profiles at ink limits, kaya magandang reference lang ang mga numerong ito — hindi press-ready na separation.
Ipinaliwanag ang RGB at CMYK
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()
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
RGB to CMYK reference table
Ang mga pinaka-karaniwang CSS na kulay, naka-convert mula RGB papuntang CMYK.
| Kulay | RGB | CMYK |
|---|---|---|
| black | rgb(0, 0, 0) | cmyk(0%, 0%, 0%, 100%) |
| white | rgb(255, 255, 255) | cmyk(0%, 0%, 0%, 0%) |
| red | rgb(255, 0, 0) | cmyk(0%, 100%, 100%, 0%) |
| lime | rgb(0, 255, 0) | cmyk(100%, 0%, 100%, 0%) |
| blue | rgb(0, 0, 255) | cmyk(100%, 100%, 0%, 0%) |
| yellow | rgb(255, 255, 0) | cmyk(0%, 0%, 100%, 0%) |
| orange | rgb(255, 165, 0) | cmyk(0%, 35%, 100%, 0%) |
| teal | rgb(0, 128, 128) | cmyk(100%, 0%, 0%, 50%) |
| purple | rgb(128, 0, 128) | cmyk(0%, 100%, 0%, 50%) |
| gray | rgb(128, 128, 128) | cmyk(0%, 0%, 0%, 50%) |