RGB este aditiv și e făcut din lumină, CMYK este subtractiv și e făcut din cerneală. Conversia între ele e pasul pe care îl face orice design pentru ecran înainte să fie tipărit.
Cum funcționează conversia din RGB în CMYK
- Normalizează canalele: împarte R, G și B la 255.
- Ia cel mai mare canal normalizat și calculează cheia K = 1 − max.
- Derivează cyan, magenta și galben eliminând partea de negru: C = (1 − R − K) / (1 − K), și la fel pentru celelalte.
- Convertește toate cele patru valori în procente între 0 și 100.
Exemplu de aplicare
Este o aproximație matematică fără profil de culoare. Tipografiile folosesc profile ICC și limite de cerneală, deci aceste valori sunt un reper solid, nu o separare pregătită pentru presă.
RGB și CMYK, explicate
Ce este RGB?
RGB descrie o culoare ca trei canale de lumină — roșu, verde și albastru — fiecare între 0 și 255. Reflectă modul în care funcționează ecranele: toate la 255 dau alb, toate la 0 dau negru. RGB e alegerea potrivită când trebuie să calculezi cu o culoare, iar rgba() adaugă transparență peste.
- Sintaxă:
- rgb(R, G, B)
- Interval:
- 0–255 per canal
- Ideal pentru:
- cod, canvas, transparență cu rgba()
Ce este CMYK?
CMYK este modelul cu patru cerneluri folosit la tipar: cyan, magenta, galben și key (negru), fiecare exprimat ca procentaj între 0 și 100. Cernelurile scad lumina în loc să o emită, astfel CMYK acoperă mai puține culori decât un ecran — motiv pentru care culorile vii de pe ecran pot părea mai fade după tipărire.
- Sintaxă:
- cmyk(C%, M%, Y%, K%)
- Interval:
- 0–100% per cerneală
- Ideal pentru:
- print, ambalaje, materiale pregătite pentru tipar
RGB în CMYK tabel de referință
Cele mai comune culori CSS, convertite din RGB în CMYK.
| Culoare | 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%) |