Trebuie să arăți o culoare tipărită pe ecran? Conversia CMYK în RGB îți dă echivalentul pe bază de lumină al procentelor de cerneală — valorile pe care un monitor, un mockup sau o pagină web le pot afișa de fapt.
Cum funcționează conversia din CMYK în RGB
- Transformă toate cele patru procente în fracții între 0 și 1.
- Aplică componenta key mai întâi: fiecare canal este scalat cu (1 − K).
- Calculează R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K) și B = 255 × (1 − Y) × (1 − K).
- Rotunjește fiecare canal la un număr întreg între 0 și 255.
Exemplu de aplicare
Aproximativ. Un ecran poate afișa mai multe culori decât poate produce cerneala, așa că rezultatul RGB arată de obicei mai luminos și mai saturat decât piesa tipărită.
CMYK și RGB, explicate
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
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()
CMYK în RGB tabel de referință
Cele mai comune culori CSS, convertite din CMYK în RGB.
| Culoare | 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) |