RGB is additief en bestaan uit lig; CMYK is subtraktief en bestaan uit ink. Om tussen hulle te omskakel is die stap wat elke skermontwerp deurgaan voordat dit gedruk kan word.
Hoe RGB na CMYK omskakeling werk
- Normaliseer die kanale: deel R, G en B deur 255.
- Neem die grootste genormaliseerde kanaal en bereken die key K = 1 − max.
- Leid sian, magenta en geel af deur daardie swartdeel te verwyder: C = (1 − R − K) / (1 − K), en so voort.
- Skakel al vier waardes om na persentasies tussen 0 en 100.
Werkende voorbeeld
Dit is ’n wiskundige benadering sonder ’n kleurprofiel. Drukwerwe gebruik ICC‑profiele en inkgrense, so hierdie syfers is ’n stewige verwysing, nie persklaar separasie nie.
RGB en CMYK verduidelik
Wat is RGB?
RGB beskryf ’n kleur as drie ligkanale — rooi, groen en blou — elk van 0 tot 255. Dit weerspieël hoe skerms werklik werk: almal by 255 gee wit, almal by 0 gee swart. RGB is die regte keuse wanneer jy met die nommers moet reken, en rgba() voeg deursigtigheid bo-op.
- Sintaks:
- rgb(R, G, B)
- Reeks:
- 0–255 per kanaal
- Beste vir:
- kode, canvas, deursigtigheid met rgba()
Wat is CMYK?
CMYK is die vier-ink model wat in drukwerk gebruik word: cyan, magenta, geel en key (swart), elk as ’n persentasie van 0 tot 100. Ink trek lig weg in plaas van dit uit te straal, so CMYK dek minder kleure as ’n skerm — daarom lyk helder skermkleure dikwels doffer wanneer hulle gedruk word.
- Sintaks:
- cmyk(C%, M%, Y%, K%)
- Reeks:
- 0–100% per ink
- Beste vir:
- drukwerk, verpakking, persgereed kunswerk
RGB na CMYK verwysingstabel
Die mees algemene CSS-kleure, omgeskakel van RGB na CMYK.
| Kleur | 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%) |