HEX, RGB și CMYK: ce înseamnă și când folosești fiecare

Pe această pagină

1. Culoare din lumină și culoare din cerneală
2. HEX nu este alt model, ci altă scriere a lui RGB
3. Gama de culori: de ce nu orice culoare se poate tipări
4. De ce conversia „din formulă” nu ajunge pentru tipar
5. Ce format folosești, după destinație
6. Un flux de lucru care evită surprizele
7. Contrastul: verificarea care se uită cel mai des
8. Întrebări frecvente
9. Surse

Ai ales o culoare pe ecran, ai trimis fișierul la tipografie și ai primit flyerele cu un albastru mai spălăcit sau un verde mai stins. Nu e neapărat o greșeală a tipografiei. Ecranul și hârtia produc culoarea în moduri opuse, iar formatele RGB, HEX și CMYK descriu fiecare câte una dintre aceste lumi. Articolul explică diferențele și îți dă un flux de lucru care evită surprizele.

Convertor culori: HEX, RGB, HSL și CMYKHEX, RGB, HSL, CMYK și contrastDeschide calculatorul

Culoare din lumină și culoare din cerneală

RGB: sinteza aditivă

Un ecran pornește de la negru și adaugă lumină. Fiecare pixel are trei surse: roșu (Red), verde (Green) și albastru (Blue). Când toate trei luminează la maxim, ochiul vede alb; când sunt stinse, vezi negru. Combinațiile intermediare dau restul culorilor. De aceea RGB se numește model aditiv.

Pe web, fiecare canal ia valori de la 0 la 255, deci rgb(255, 128, 0) înseamnă roșu la maxim, verde la jumătate și albastru stins: un portocaliu. Cu 256 de trepte pe canal rezultă 256 × 256 × 256 = 16.777.216 combinații.

CMYK: sinteza substractivă

Hârtia pornește de la alb, iar cerneala absoarbe (scade) o parte din lumina reflectată. Cyan absoarbe roșul, magenta absoarbe verdele, galbenul absoarbe albastrul. Suprapuse în proporții diferite, cele trei cerneluri dau culorile tiparului. Este modelul substractiv.

Teoretic, cyan + magenta + galben la 100% ar da negru. În practică iese un maro închis, iar atâta cerneală udă hârtia și se usucă greu. De aceea se adaugă a patra cerneală, negrul (K, de la „key”), folosit pentru text, umbre și detalii.

HEX nu este alt model, ci altă scriere a lui RGB

Codul HEX este exact aceeași informație ca RGB, scrisă în baza 16. Fiecare canal ocupă două caractere hexazecimale (00–FF, adică 0–255):

2E în baza 16 înseamnă 2 × 16 + 14 = 46, 86 înseamnă 8 × 16 + 6 = 134, iar DE înseamnă 13 × 16 + 14 = 222. Nu se pierde și nu se câștigă nimic la conversia HEX ↔ RGB: e doar notație.

Forma scurtă și transparența

• #RGB – fiecare cifră se dublează: #F80 este #FF8800. Merge doar pentru culorile în care cele două cifre ale fiecărui canal sunt identice.
• #RRGGBBAA – a patra pereche este opacitatea (alfa). #FF800080 este portocaliul de mai sus cu alfa 0x80 = 128 din 255, adică aproximativ 50% opac. Există și forma scurtă cu patru cifre, #RGBA.

Browserele moderne acceptă aceste forme, conform specificației CSS Color. În CSS poți scrie la fel de bine rgb(255 128 0 / 50%).

HSL: același RGB, gândit pentru oameni

HSL descrie culoarea prin nuanță (unghi pe cercul culorilor), saturație și luminozitate. Portocaliul #FF8000 devine hsl(30, 100%, 50%). Avantajul apare când construiești o paletă: păstrezi nuanța și modifici doar luminozitatea ca să obții variante mai deschise sau mai închise, ceea ce în HEX ar fi greu de făcut din cap.

Gama de culori: de ce nu orice culoare se poate tipări

Mulțimea culorilor pe care un dispozitiv le poate reproduce se numește gamă (gamut). Gama unui monitor obișnuit (spațiul sRGB, standardul web) și gama tiparului CMYK pe hârtie cretată nu coincid. Multe culori foarte saturate de pe ecran, mai ales albastrurile electrice, verdele intens, portocaliul neon și violetul aprins, ies din gama CMYK. La tipar, ele sunt înlocuite cu cea mai apropiată culoare posibilă, de obicei mai stinsă. Există și invers, câteva nuanțe de cyan pe care tiparul le redă și sRGB nu, dar sunt puține.

Ecranele recente de telefon și laptop pot afișa o gamă mai largă decât sRGB (de exemplu Display P3), ceea ce mărește și mai mult diferența față de hârtie. Dacă aprobi culorile pe un telefon nou, așteaptă-te ca tiparul să pară mai tern.

De ce conversia „din formulă” nu ajunge pentru tipar

Există o formulă simplă care transformă RGB în CMYK: K = 1 − max(R, G, B) / 255, apoi fiecare cerneală se calculează din canalul complementar. Pentru #FF8000 dă C 0%, M 50%, Y 100%, K 0%. Formula e utilă ca reper, dar nu ține cont de trei lucruri esențiale:

• hârtia – pe hârtie necretată cerneala se întinde și culorile ies mai închise și mai puțin saturate decât pe hârtie cretată;
• cernelurile și mașina – fiecare proces de tipar are propriile caracteristici;
• limita de cerneală – suma celor patru procente nu poate urca la 400%, tipografia impune un maxim, de obicei în jur de 300%.

Toate acestea sunt descrise de un profil ICC, un fișier care spune cum se traduce o culoare într-un anumit proces de tipar. În Europa, pentru offset pe hârtie cretată, se folosesc frecvent profilele FOGRA (de exemplu Coated FOGRA39 sau varianta mai nouă, PSO Coated v3, bazată pe FOGRA51). Tipografia îți spune ce profil vrea. Aplicațiile de grafică convertesc corect doar dacă le dai profilul potrivit.

Ce format folosești, după destinație

Culorile Pantone sunt cerneluri pre-amestecate (culori spot), folosite când o nuanță trebuie să fie identică pe orice material, cum e culoarea unei mărci. Echivalentele lor în CMYK sau RGB sunt aproximări oficiale, nu potriviri perfecte.

Un flux de lucru care evită surprizele

1. Lucrează în RGB cât timp proiectul e pe ecran. Dacă ajunge și la tipar, păstrează un fișier sursă în RGB.
2. Întreabă tipografia de profilul ICC și de limita de cerneală înainte de a converti.
3. Folosește previzualizarea de tipar (soft proof) din aplicația de grafică, ca să vezi pe ecran cum vor arăta culorile după conversie. Ajustează culorile care se strică cel mai tare.
4. Textul mic negru se face doar cu K 100%, nu din toate cele patru cerneluri: altfel orice decalaj de tipar face literele să pară încețoșate. Pentru suprafețe mari negre, tipografia îți poate da o rețetă de „negru bogat”.
5. Exportă PDF de tipar în formatul cerut (de regulă PDF/X), cu profilul inclus.
6. Pentru tiraje importante cere o probă tipărită. Monitorul necalibrat nu este o referință de încredere.

Contrastul: verificarea care se uită cel mai des

Pe web, o culoare frumoasă nu ajută dacă textul nu se citește. Ghidul WCAG cere un raport de contrast de cel puțin 4,5:1 între text și fundal pentru text normal (nivelul AA) și 3:1 pentru text mare. Pentru nivelul AAA pragurile sunt 7:1, respectiv 4,5:1. Portocaliile și verdele deschis pe fundal alb pică adesea testul, chiar dacă par lizibile pe un monitor bun.

În convertorul de culori introduci un cod HEX, RGB sau HSL și vezi dintr-o privire toate formatele, CMYK-ul orientativ, contrastul cu alb și cu negru și o paletă de nuanțe derivate. Dacă alegi culori pentru pereți, calculatorul de vopsea te ajută să estimezi cantitatea, dar nuanța verific-o pe mostra fizică.

Întrebări frecvente

Surse

• W3C – CSS Color Module Level 4
• W3C – Web Content Accessibility Guidelines (WCAG) 2.1

Convertor culori: HEX, RGB, HSL și CMYKHEX, RGB, HSL, CMYK și contrastDeschide calculatorul

Articol informativ. Pentru situații particulare, consultă un specialist (contabil, consultant financiar, medic). Ai găsit o informație depășită? Scrie-ne la [email protected].