Entendre els espais de color a les imatges: guia completa de RGB, CMYK, LAB, HSL i més

Entendre els espais de color en imatges digitals

Exploreu la guia completa de models de color, espais de color i les seves aplicacions en fotografia, disseny i imatge digital. Domina la gestió del color per obtenir resultats perfectes en tots els dispositius.

RGB i CMYK
HSL i HSV
LAB & XYZ
YCbCr i YUV

La guia completa dels espais de color

Els espais de color són models matemàtics que ens permeten representar i descriure amb precisió els colors de manera sistemàtica. Entendre els espais de color és essencial per a fotògrafs, dissenyadors, editors de vídeo i qualsevol persona que treballi amb imatges digitals. Aquesta guia completa cobreix des de conceptes fonamentals fins a tècniques avançades de gestió del color.

Per què són importants els espais de color

Els espais de color defineixen com es reprodueixen els colors en diferents dispositius i suports. Determinen la gamma de colors (gamut) que es poden mostrar o imprimir, afectant la precisió i la vivacitat de les imatges. Sense una gestió adequada de l’espai de color, les imatges dissenyades amb cura poden aparèixer de manera diferent del previst quan es visualitzen en diferents pantalles o materials impresos.

El món digital es basa en una comunicació precisa del color. Quan feu una foto, editeu una imatge o dissenyeu un lloc web, esteu treballant dins d’espais de color específics que defineixen quins colors teniu disponibles i com es representen matemàticament. Aquests espais de color actuen com un llenguatge universal que garanteix que el teu vermell sigui el mateix vermell a la pantalla d’una altra persona o a la impressió.

  • Assegura una reproducció coherent del color en tots els dispositius
  • Maximitza la gamma de colors disponible per al vostre mitjà
  • Evita els canvis de color durant les conversions de format
  • Imprescindible per a una producció de qualitat professional
  • Crític per a la coherència de la marca en mitjans digitals i impresos

Entendre els models de color i els espais

Models de color vs. espais de color

Tot i que sovint s’utilitzen de manera intercanviable, els models de color i els espais de color són conceptes diferents. Un model de color és un marc teòric per representar colors (com RGB o CMYK), mentre que un espai de color és una implementació específica d’un model de color amb paràmetres definits (com sRGB o Adobe RGB).

Penseu en un model de color com un enfocament general per descriure els colors, com dir “barreja llum vermella, verda i blava per crear colors”. Un espai de color proporciona les regles específiques: exactament quina tonalitat de vermell, verd i blau utilitzar i com barrejar-les per obtenir resultats consistents.

  • Els models de color defineixen el marc per a la representació del color
  • Els espais de color especifiquen paràmetres exactes dins d’un model
  • Dins d’un model poden existir diversos espais de color
  • Els espais de color tenen límits definits i equacions de transformació

Color additiu vs. subtractiu

Els models de color es classifiquen com a additius o subtractius, depenent de com creïn els colors. Els models additius (com ara RGB) combinen la llum per crear colors, mentre que els models subtractius (com ara CMYK) funcionen absorbint longituds d’ona de llum.

La diferència fonamental rau en els seus punts de partida: el color additiu comença amb la foscor (sense llum) i afegeix llum de colors per crear lluentor, arribant al blanc quan tots els colors es combinen a plena intensitat. El color subtractiu comença amb el blanc (com una pàgina en blanc) i afegeix tintes que resten (absorbeixen) determinades longituds d’ona, arribant al negre quan tots els colors es combinen a tota intensitat.

  • Additiu: RGB (pantalles, pantalles digitals)
  • Subtractiu: CMYK (impressió, suport físic)
  • Les diferents aplicacions requereixen diferents enfocaments
  • Les conversions de color entre sistemes additius i subtractius requereixen transformacions complexes

Gamma de colors i profunditat de bits

La gamma d’un espai de color fa referència a la gamma de colors que pot representar. La profunditat de bits determina quants colors diferents es poden representar dins d’aquesta gamma. En conjunt, aquests factors defineixen les capacitats d’un espai de color.

Penseu en la gamma com la paleta de colors disponible, i la profunditat de bits com la fi que es poden barrejar aquests colors. És possible que en una gamma limitada faltin certs colors vibrants completament, mentre que una profunditat de bits insuficient crea bandes visibles en degradats en lloc de transicions suaus. El treball professional sovint requereix una àmplia gamma i una gran profunditat de bits per capturar i mostrar tota la gamma d’informació visual.

  • Les gammes més amples poden representar colors més vibrants
  • Les profunditats de bits més altes permeten gradients més suaus
  • 8 bits = 256 nivells per canal (16,7 milions de colors)
  • 16 bits = 65.536 nivells per canal (milers de milions de colors)
  • El treball professional sovint requereix espais amplis amb una gran profunditat de bits

Espais de color RGB explicats

El model de color RGB

RGB (vermell, verd, blau) és un model de color additiu on la llum vermella, verda i blava es combinen de diverses maneres per produir una àmplia gamma de colors. És la base de les pantalles digitals, des de telèfons intel·ligents fins a monitors d’ordinador i televisors.

En el model RGB, cada canal de color normalment utilitza 8 bits, permetent 256 nivells per canal. Això crea la profunditat de color estàndard de 24 bits (8 bits × 3 canals), capaç de representar aproximadament 16,7 milions de colors. Les aplicacions professionals sovint utilitzen 10 bits (més de 1.000 milions de colors) o 16 bits (més de 281 bilions de colors) per obtenir gradacions de color més precises.

RGB es basa en la resposta del sistema visual humà a la llum, amb els tres colors primaris que corresponen aproximadament als tres tipus de receptors de color (cons) dels nostres ulls. Això fa que sigui naturalment adequat per mostrar contingut digital, però també significa que diferents espais de color RGB poden variar considerablement en el seu rang i característiques.

sRGB (RGB estàndard)

Desenvolupat per HP i Microsoft el 1996, sRGB és l’espai de color més comú utilitzat en imatges digitals, monitors i web. Cobreix al voltant del 35% de l’espectre de color visible i està dissenyat per adaptar-se als dispositius de visualització típics de la llar i l’oficina.

Malgrat la seva gamma relativament limitada, sRGB segueix sent l’estàndard per al contingut web i la fotografia de consum a causa de la seva compatibilitat universal. La majoria dels dispositius estan calibrats per mostrar sRGB correctament de manera predeterminada, la qual cosa la converteix en l’opció més segura quan voleu colors consistents en diferents pantalles sense gestió de colors.

L’espai de color sRGB es va dissenyar deliberadament amb una gamma relativament petita per coincidir amb les capacitats dels monitors CRT de la dècada de 1990. Aquesta limitació ha persistit en l’ecosistema web modern, tot i que progressivament s’estan adoptant estàndards més nous.

  • Espai de color predeterminat per a la majoria de contingut digital
  • Assegura un aspecte coherent a la majoria de dispositius
  • Ideal per a contingut web i fotografia general
  • S’utilitza de manera predeterminada a la majoria de càmeres i telèfons intel·ligents de consum
  • Té un valor gamma d’aproximadament 2,2

Adobe RGB (1998)

Desenvolupat per Adobe Systems, Adobe RGB ofereix una gamma més àmplia que sRGB, que cobreix aproximadament el 50% de l’espectre de color visible. Va ser dissenyat específicament per abastar la majoria de colors que es poden aconseguir amb impressores de color CMYK, cosa que el fa valuós per als fluxos de treball de producció d’impressió.

La gamma ampliada d’Adobe RGB es nota especialment en tons verds cian, que sovint es trunquen en sRGB. Això fa que sigui popular entre els fotògrafs i dissenyadors professionals que necessiten conservar colors vibrants, especialment per a la producció impresa.

Un dels avantatges clau d’Adobe RGB és la seva capacitat de representar una gamma més àmplia de colors saturats a la regió verd-cian, que és important per a la fotografia de paisatges i els temes de la natura. Tanmateix, aquest avantatge només es realitza quan tot el flux de treball (captura, edició i sortida) admet l’espai de color Adobe RGB.

  • Gamma més àmplia que sRGB, especialment en verds i cians
  • Millor per als fluxos de treball de producció d’impressió
  • Preferit per molts fotògrafs professionals
  • Disponible com a opció de captura en càmeres de gamma alta
  • Requereix la gestió del color per mostrar-se correctament

ProPhoto RGB

Desenvolupat per Kodak, ProPhoto RGB (també conegut com a ROMM RGB) és un dels espais de color RGB més grans, que abasta aproximadament el 90% dels colors visibles. S’estén més enllà del rang de visió humana en algunes àrees, cosa que li permet preservar gairebé tots els colors que una càmera pot capturar.

A causa de la seva àmplia gamma, ProPhoto RGB requereix profunditats de bits més altes (16 bits per canal en lloc de 8 bits) per evitar bandes en degradats. S’utilitza principalment en fluxos de treball de fotografia professional, especialment amb finalitats d’arxiu i impressió de gamma alta.

ProPhoto RGB és l’espai de treball estàndard d’Adobe Lightroom i sovint es recomana per preservar la màxima informació de color durant el procés de desenvolupament en brut. És tan gran que alguns dels seus colors són “imaginaris” (fora de la visió humana), però això garanteix que no es retallin els colors capturats per la càmera durant l’edició.

  • Gamma extremadament àmplia que cobreix la majoria de colors visibles
  • Conserva els colors capturats per càmeres de gamma alta
  • Requereix un flux de treball de 16 bits per evitar la formació de bandes
  • Espai de treball predeterminat a Adobe Lightroom
  • No apte per a formats de lliurament finals sense conversió

Pantalla P3

Desenvolupat per Apple, Display P3 es basa en l’espai de color DCI-P3 utilitzat al cinema digital. Ofereix aproximadament un 25% més de cobertura de color que sRGB, especialment en vermells i verds, fent que les imatges semblin més vibrants i realistes.

La pantalla P3 ha guanyat una popularitat important, ja que és compatible amb els dispositius d’Apple, inclosos iPhones, iPads i Mac amb pantalles de gamma àmplia. Representa un punt mitjà entre sRGB i espais més amplis com Adobe RGB, oferint colors millorats tot mantenint una compatibilitat raonable.

L’espai de color P3 es va desenvolupar originalment per a la projecció de cinema digital (DCI-P3), però Apple el va adaptar per a la tecnologia de visualització utilitzant el punt blanc D65 (igual que sRGB) en comptes del punt blanc DCI. Això fa que sigui més adequat per a entorns de suports mixts alhora que ofereix colors significativament més vibrants que sRGB.

  • Àmplia gamma amb una excel·lent cobertura de vermells i verds
  • Natiu de les pantalles i dispositius mòbils Retina d’Apple
  • Suport creixent a través de plataformes digitals
  • Utilitza el mateix punt blanc (D65) que sRGB
  • Cada cop és més important per al disseny web i aplicacions moderns

Rec.2020 (BT.2020)

Desenvolupat per a televisió d’ultra alta definició (UHDTV), Rec.2020 inclou més del 75% dels colors visibles. És significativament més gran que sRGB i Adobe RGB, proporcionant una reproducció de color excepcional per a contingut 4K i 8K.

Tot i que actualment poques pantalles poden reproduir tota la gamma Rec.2020, serveix com a estàndard de futur per a la producció i el mastering de vídeo de gamma alta. A mesura que la tecnologia de visualització avança, més dispositius s’apropen a aquest espai de color expansiu.

Rec.2020 forma part de l’estàndard internacional d’ultra HDTV i s’utilitza juntament amb tecnologies d’alt rang dinàmic (HDR) com HDR10 i Dolby Vision. La seva gamma extremadament àmplia utilitza colors primaris monocromàtics (467nm blau, 532nm verd i 630nm vermell) que es troben a prop de la vora de l’espectre visible, cosa que li permet abastar gairebé tots els colors que els humans poden percebre.

  • Gamma molt àmplia per a contingut d’ultra alta definició
  • Estàndard a prova de futur per a tecnologies de visualització emergents
  • S’utilitza en fluxos de treball de producció de vídeo professionals
  • Part de l’ecosistema HDR per a vídeos de nova generació
  • Actualment cap pantalla no pot reproduir tota la gamma Rec.2020

Espais de color CMYK i producció d’impressió

El model de color CMYK

CMYK (cian, magenta, groc, clau/negre) és un model de color subtractiu que s’utilitza principalment a la impressió. A diferència del RGB, que afegeix llum per crear colors, el CMYK funciona absorbint (restant) determinades longituds d’ona de la llum blanca, utilitzant tintes sobre paper o altres substrats.

La gamma de CMYK sol ser més petita que els espais de color RGB, per això les imatges digitals vibrants de vegades semblen més apagades quan s’imprimeixen. Entendre la relació entre RGB i CMYK és crucial per als dissenyadors i fotògrafs que creen contingut tant per a mitjans digitals com impresos.

En teoria, la combinació de cian, magenta i groc a tota força hauria de produir negre, però a causa de les impureses de les tintes del món real, això normalment dóna lloc a un marró fosc fangoss. És per això que s’afegeix una tinta negra (K) independent, proporcionant negres reals i millorant el detall de les ombres. La “K” significa “Clau” perquè la placa negra proporciona els detalls clau i l’alineació per als altres colors en la impressió tradicional.

Els diferents tipus de paper, mètodes d’impressió i formulacions de tinta poden afectar dràsticament com apareixen els colors CMYK a la sortida final. És per això que els fluxos de treball d’impressió professionals depenen en gran mesura de la gestió del color i les especificacions CMYK estandarditzades adaptades a entorns de producció específics.

Espais de color CMYK estàndard

A diferència del RGB, que té espais de color clarament definits com sRGB i Adobe RGB, els espais de color CMYK varien molt segons les condicions d’impressió, els tipus de paper i les formulacions de la tinta. Alguns estàndards CMYK comuns inclouen:

  • U.S. Web Coated (SWOP) v2 – Estàndard per a la impressió offset web a Amèrica del Nord
  • Revestit FOGRA39 (ISO 12647-2:2004) – Norma europea per al paper estucat
  • Japó Color 2001 Revestit – Estàndard per a la impressió offset al Japó
  • GRACoL 2006 Revestit – Especificacions per a impressió comercial d’alta qualitat
  • FOGRA27 – Estàndard per al paper estucat a Europa (versió anterior)
  • Revestiment de fulla dels EUA v2 – Per a la impressió offset d’alimentació de fulls sobre paper estucat
  • EUA sense recobrir v2 – Per a la impressió sobre papers no estucats
  • FOGRA47 – Per a paper no estucat a Europa

Conversió RGB a CMYK

La conversió de RGB a CMYK implica tant la transformació matemàtica del color com el mapeig de gamma, ja que CMYK no pot reproduir tots els colors RGB. Aquest procés, conegut com a conversió de color, és un aspecte crític dels fluxos de treball d’impressió professionals.

La conversió de RGB a CMYK és complexa perquè es transforma d’un model de color additiu a un model de color subtractiu alhora que mapeja colors d’una gamma més gran a una de més petita. Sense una gestió adequada del color, els blaus i verds vibrants en RGB poden tornar-se avorrits i enfangats en CMYK, els vermells poden canviar cap al taronja i es poden perdre subtils variacions de color.

  • Requereix sistemes de gestió del color per a la precisió
  • S’ha de fer amb perfils ICC per obtenir els millors resultats
  • Sovint canvia l’aspecte dels colors vibrants
  • Es fa millor al final del flux de treball de producció
  • La prova suau pot visualitzar l’aspecte CMYK a les pantalles RGB
  • Les diferents intencions de renderització generen resultats diferents

Colors directes i gamma ampliada

Per superar les limitacions de CMYK, la impressió sovint incorpora colors puntuals (com Pantone) o sistemes de gamma ampliada que afegeixen tintes taronja, verda i violeta (CMYK+OGV) per ampliar la gamma de colors reproduïbles.

Els colors directes són tintes especialment barrejades que s’utilitzen per a la concordança exacta del color, especialment per a elements de marca com els logotips. A diferència dels colors del procés CMYK que es creen combinant punts de les quatre tintes estàndard, els colors puntuals es barregen prèviament amb una fórmula exacta, assegurant una consistència perfecta en tots els materials impresos.

  • El sistema Pantone Matching System proporciona colors puntuals estandarditzats
  • La impressió de gamma ampliada s’acosta a la gamma de colors RGB
  • Hexachrome i altres sistemes afegeixen tintes primàries addicionals
  • Crític per a la precisió del color de la marca en l’embalatge i el màrqueting
  • Els sistemes CMYK + taronja, verd i violeta (7 colors) poden reproduir fins al 90% dels colors Pantone
  • Les premses digitals modernes sovint admeten la impressió de gamma ampliada

Espais de color independents del laboratori i del dispositiu

Models de color independents del dispositiu

A diferència de RGB i CMYK, que depenen del dispositiu (la seva aparença varia segons el maquinari), els espais de color independents del dispositiu com CIE L*a*b* (Lab) i CIE XYZ tenen com a objectiu descriure els colors tal com són percebuts per l’ull humà, independentment de com es mostrin o reprodueixin.

Aquests espais de color serveixen com a base dels sistemes moderns de gestió del color, actuant com a “traductor universal” entre diferents dispositius i models de color. Es basen en la comprensió científica de la percepció humana del color en lloc de les capacitats del dispositiu.

Els espais de color independents del dispositiu són essencials perquè proporcionen un punt de referència estable en els fluxos de treball de gestió del color. Tot i que els mateixos valors RGB poden semblar diferents en diversos monitors, un valor de color Lab representa el mateix color percebut independentment del dispositiu. És per això que Lab serveix com a espai de connexió de perfil (PCS) en la gestió del color ICC, facilitant conversions precises entre diferents espais de color.

Espai de color CIE XYZ

Creat el 1931 per la Comissió Internacional d’Il·luminació (CIE), l’espai de color XYZ va ser el primer espai de color definit matemàticament. Comprèn tots els colors visibles per l’ull humà mitjà i serveix de base per a altres espais de color.

A XYZ, Y representa la luminància, mentre que X i Z són valors abstractes relacionats amb els components cromàtics del color. Aquest espai s’utilitza principalment com a estàndard de referència i rarament per a la codificació directa d’imatges. Continua sent fonamental per a la ciència del color i la base de les transformacions del color.

L’espai de color CIE XYZ es va derivar d’una sèrie d’experiments sobre la percepció humana del color. Els investigadors van cartografiar com la persona mitjana percebia diferents longituds d’ona de la llum, creant el que es coneix com l’espai de color CIE 1931, que inclou el famós diagrama de cromaticitat “en forma de ferradura” que mapeja tots els colors possibles visibles per als humans.

  • Fonaments de la mesura científica del color
  • Comprèn tots els colors visibles per l’home
  • S’utilitza com a referència per a les transformacions de color
  • Basat en mesures de la percepció humana del color
  • Desenvolupat utilitzant el model d’observador estàndard

CIE L*a*b* (Lab) Espai de color

Desenvolupat el 1976, CIE L*a*b* (sovint simplement anomenat “Lab”) està dissenyat per ser perceptualment uniforme, és a dir, distàncies iguals en l’espai de color corresponen a diferències de color aproximadament iguals. Això el fa ideal per mesurar diferències de color i realitzar correccions de color.

A Lab, L* representa la lleugeresa (0-100), a* representa l’eix verd-vermell i b* representa l’eix blau-groc. Aquesta separació de la lluminositat de la informació de color fa que Lab sigui especialment útil per a tasques d’edició d’imatges, com ara ajustar el contrast sense afectar els colors.

La uniformitat perceptiva del laboratori el fa inestimable per a la correcció del color i el control de qualitat. Si dos colors tenen una petita diferència numèrica en els valors del laboratori, només apareixeran lleugerament diferents als observadors humans. Aquesta propietat no és certa per a RGB o CMYK, on ​​la mateixa diferència numèrica pot provocar canvis percebuts dràsticament diferents en funció de la ubicació dels colors de l’espai de color.

  • Perceptiblement uniforme per a una mesura precisa del color
  • Separa la claredat de la informació de color
  • S’utilitza en edició avançada d’imatges i correcció de color
  • Component bàsic dels fluxos de treball de gestió del color ICC
  • Pot expressar colors fora de la gamma de RGB i CMYK
  • S’utilitza per als càlculs de diferències de color Delta-E

CIE L*u*v* Espai de color

CIE L*u*v* es va desenvolupar juntament amb L*a*b* com a espai de color alternatiu perceptiu uniforme. És especialment útil per a aplicacions que impliquen una barreja de color additiva i pantalles, mentre que L*a*b* sovint es prefereix per a sistemes de color subtractius com la impressió.

Igual que Lab, L*u*v* utilitza L* per a la lleugeresa, mentre que u* i v* són coordenades de cromaticitat. Aquest espai de color s’utilitza habitualment en sistemes de transmissió de televisió i càlculs de diferències de color per a tecnologies de visualització.

Una diferència clau entre L*a*b* i L*u*v* és que L*u*v* va ser dissenyat específicament per gestionar millor els colors emissius i la il·luminació. Inclou la capacitat de representar colors en termes de coordenades de cromaticitat que es poden correlacionar fàcilment amb els diagrames de cromaticitat utilitzats en la colorimetria i el disseny d’il·luminació.

  • Adequat per a aplicacions de color additiu
  • S’utilitza en indústries de televisió i emissió
  • Proporciona mesures uniformes de la diferència de color
  • Millor per als colors emissius i el disseny d’il·luminació
  • Inclou mapes de temperatura de color correlacionats

HSL, HSV i espais de color perceptius

Representació intuïtiva del color

Mentre que RGB i CMYK descriuen els colors en termes de barreja de colors primaris, HSL (Tonalitat, Saturació, Lluminositat) i HSV/HSB (Tonalitat, Saturació, Valor/Lluminositat) representen els colors d’una manera més intuïtiva per a com pensem els humans sobre el color.

Aquests espais separen els components del color (matitza) dels atributs d’intensitat (saturació i lluminositat/lluminositat), cosa que els fa especialment útils per a la selecció de colors, el disseny d’interfície d’usuari i les aplicacions artístiques on els ajustaments de color intuïtius són importants.

L’avantatge clau de HSL i HSV és que s’alineen més estretament amb com la gent pensa i descriu els colors de manera natural. Quan algú vol crear “un blau més fosc” o “un vermell més vibrant”, està pensant en termes de to, saturació i brillantor, no en termes de valors RGB. És per això que els selectors de color al programari de disseny sovint presenten tant controls lliscants RGB com opcions HSL/HSV.

Espai de color HSL

HSL representa els colors en un sistema de coordenades cilíndriques, amb la tonalitat com a angle (0-360°) que representa el tipus de color, la saturació (0-100%) que indica la intensitat del color i la claredat (0-100%) que descriu com de clar o fosc és el color.

L’HSL és especialment útil per a aplicacions de disseny perquè els seus paràmetres s’assignen de manera intuïtiva a com descrivim els colors. S’utilitza àmpliament en el desenvolupament web mitjançant CSS, on els colors es poden especificar mitjançant la funció hsl(). Això fa que la creació d’esquemes de colors i l’ajust de colors per a diferents estats de la interfície (passar el cursor, activa, etc.) sigui molt més intuïtiva.

  • To: el color base (vermell, groc, verd, etc.)
  • Saturació: intensitat del color des de gris (0%) fins a color pur (100%)
  • Lluminositat: brillantor des del negre (0%) passant pel color fins al blanc (100%)
  • Comú en disseny web i especificacions de color CSS
  • La màxima lleugeresa (100%) sempre produeix blanc independentment de la tonalitat
  • Model simètric amb lleugeresa mitjana (50%) per a colors purs

Espai de color HSV/HSB

HSV (també anomenat HSB) és semblant a HSL, però utilitza Valor/Brillo en lloc de Lluminositat. A HSV, la màxima lluminositat (100%) produeix tot el color independentment de la saturació, mentre que a HSL, la màxima lluminositat sempre produeix blanc.

El model HSV es prefereix sovint a les interfícies de selecció de colors perquè s’ajusta de manera més intuïtiva a com els artistes barregen colors amb pintura, començant pel negre (sense llum/valor) i afegint pigment per crear colors de brillantor creixent. És particularment intuïtiu per crear matisos i tons d’un color tot mantenint la seva tonalitat percebuda.

  • To: el color base (vermell, groc, verd, etc.)
  • Saturació: intensitat del color des de blanc/gris (0%) fins a color pur (100%)
  • Valor/brillantor: intensitat del negre (0%) a tot color (100%)
  • S’utilitza habitualment en els selectors de color de programari de disseny gràfic
  • El valor màxim (100%) produeix el color complet en la seva màxima intensitat
  • Més intuïtiu per crear matisos i tons

Sistema de color Munsell

El sistema Munsell és un espai de color perceptiu històric que organitza els colors en tres dimensions: tonalitat, valor (lluminositat) i croma (puresa del color). Va ser creat per proporcionar un mètode organitzat per descriure els colors basat en la percepció humana.

Desenvolupat a principis del segle XX pel professor Albert H. Munsell, aquest sistema va ser revolucionari perquè va ser un dels primers a organitzar els colors basant-se en la uniformitat perceptiva més que en les propietats físiques. A diferència dels espais de color digitals moderns, era un sistema físic que utilitzava fitxes de color pintades disposades en un espai tridimensional.

  • És anterior als models digitals de color, però encara s’utilitza en alguns camps
  • Influent en el desenvolupament de la teoria moderna del color
  • Encara s’utilitza en la classificació del sòl, l’educació artística i l’anàlisi del color
  • Basat en l’espaiat perceptiu més que en fórmules matemàtiques
  • Organitza els colors en una estructura semblant a un arbre amb una tonalitat que irradia des d’un eix central

Espai de color HCL

HCL (Hue, Chroma, Luminance) és un espai de color perceptivament uniforme que combina la naturalesa intuïtiva de HSL amb la uniformitat perceptiva de Lab. És especialment útil per crear paletes de colors i degradats que semblen consistents en la brillantor i la saturació percebudes.

Tot i que no s’ha implementat tan àmpliament al programari com HSL o HSV, HCL (també anomenat LCh quan els paràmetres s’ordenen de manera diferent) està guanyant popularitat per a la visualització i el disseny de dades perquè crea escales de color més coherents de percepció. Això és especialment important per a la visualització de dades on el color s’utilitza per representar valors.

  • Perceptiblement uniforme a diferència de HSL/HSV
  • Excel·lent per crear escales de color consistents
  • Basat en l’espai de color Lab però amb coordenades polars
  • Cada cop més utilitzat en la visualització de dades i el disseny de la informació
  • Crea esquemes de colors més harmoniosos i equilibrats

YCbCr i espais de color de vídeo

Separació luminància-crominància

Els sistemes de compressió de vídeo i imatge sovint utilitzen espais de color que separen la informació de la luminància (lluminositat) de la crominància (color). Aquest enfocament aprofita la major sensibilitat del sistema visual humà als detalls de brillantor que a les variacions de color.

Mitjançant la codificació de la luminància a una resolució més alta que els components de crominància, aquests espais permeten una compressió important de dades alhora que mantenen la qualitat de la imatge percebuda. Aquesta és la base de la majoria de formats de vídeo digital i tecnologies de compressió.

El sistema visual humà és molt més sensible als canvis de brillantor que als canvis de color. Aquest fet biològic s’aprofita en la compressió de vídeo dedicant més amplada de banda a la informació de luminància que al color. Aquest enfocament, anomenat submostreig de croma, pot reduir la mida dels fitxers en un 50% o més, mantenint una qualitat visual que sembla gairebé idèntica a la font sense comprimir.

Espai de color YCbCr

YCbCr és l’espai de color més comú utilitzat en compressió de vídeo i imatge digital. Y representa la luminància, mentre que Cb i Cr són components de crominància de diferència blava i diferència vermella. Aquest espai està molt relacionat amb YUV però adaptat per a sistemes digitals.

Les imatges JPEG, els vídeos MPEG i la majoria dels formats de vídeo digital utilitzen la codificació YCbCr. La pràctica estàndard de “submostreig de croma” (reduint la resolució dels canals Cb i Cr) en aquests formats és possible a causa de la separació luminància-crominància.

El submostreig de croma normalment s’expressa com una proporció de tres nombres, com ara 4:2:0 o 4:2:2. En el submostreig 4:2:0 (comú a la transmissió de vídeo), per cada quatre mostres de luminància, només hi ha dues mostres de crominància horitzontal i cap vertical. Això redueix la resolució del color a una quarta part de la resolució de luminància, reduint significativament la mida del fitxer alhora que es manté una excel·lent qualitat percebuda.

  • S’utilitza en pràcticament tots els formats de vídeo digital
  • Fonaments de la compressió d’imatges JPEG
  • Permet un submostreig de croma eficient (4:2:0, 4:2:2, 4:4:4)
  • Existeixen diferents variants per a diferents estàndards de vídeo
  • S’utilitza als còdecs H.264, H.265, VP9 i AV1

Espai de color YUV

YUV va ser desenvolupat per a sistemes de televisió analògic per proporcionar compatibilitat enrere entre les emissions en color i en blanc i negre. Igual que YCbCr, separa els components de la luminància (Y) dels components de la crominància (U i V).

Mentre que YUV s’utilitza sovint col·loquialment per referir-se a qualsevol format de luminància-crominància, el veritable YUV és específic dels estàndards de televisió analògic. Els sistemes digitals moderns utilitzen generalment YCbCr, tot i que els termes sovint es confonen o s’utilitzen indistintament.

El desenvolupament original de YUV va ser un assoliment d’enginyeria notable que va resoldre el repte d’emetre senyals de televisió en color tot mantenint la compatibilitat amb els televisors en blanc i negre existents. Mitjançant la codificació de la informació en color d’una manera que els televisors en blanc i negre ignorarien, els enginyers van crear un sistema on es podia veure una sola emissió en ambdós tipus de platós.

  • Importància històrica en el desenvolupament de la televisió
  • Sovint s’utilitza incorrectament com a terme general per a YCbCr
  • Existeixen diferents variants per a diferents estàndards de televisió analògica
  • Els sistemes PAL, NTSC i SECAM van utilitzar diferents implementacions YUV
  • S’ha activat la compatibilitat enrere amb la televisió en blanc i negre

Rec.709 i vídeo HD

La Rec.709 (Recomanació UIT-R BT.709) defineix l’espai de color i els paràmetres de codificació per a la televisió d’alta definició. Especifica tant els primaris RGB com una codificació YCbCr per al contingut HD, amb una gamma similar a sRGB.

Aquest estàndard garanteix la coherència en la producció i visualització de vídeo HD en diferents dispositius i sistemes de difusió. Inclou especificacions per a color primaris, funcions de transferència (gamma) i coeficients de matriu per a la conversió de RGB a YCbCr.

Rec.709 es va establir a la dècada de 1990 com a estàndard per a HDTV, especificant no només l’espai de color sinó també les velocitats de fotogrames, la resolució i les relacions d’aspecte. La seva corba gamma és lleugerament diferent de la sRGB, tot i que comparteixen els mateixos colors primaris. Tot i que el Rec.709 va ser revolucionari per a la seva època, els estàndards més nous com els formats Rec.2020 i HDR ofereixen gammes de color i rang dinàmic significativament més amplis.

  • Espai de color estàndard per a televisió HD
  • Gamma similar a sRGB però amb una codificació diferent
  • S’utilitza en discos Blu-ray i emissions en HD
  • Defineix una funció de transferència no lineal específica (gamma)
  • Es complementen amb estàndards HDR com PQ i HLG

Vídeo d’alt rang dinàmic

El vídeo High Dynamic Range (HDR) amplia tant la gamma de colors com la gamma de brillantor del vídeo tradicional. Estàndards com HDR10, Dolby Vision i HLG (Hybrid Log-Gamma) defineixen com es codifica i es mostra aquest rang ampliat.

El vídeo HDR normalment utilitza noves funcions de transferència (EOTF) com PQ (Quantitzador perceptiu, estandarditzat com SMPTE ST 2084) que pot representar una gamma molt més àmplia de nivells de brillantor que les corbes gamma tradicionals. Combinat amb una àmplia gamma de colors com P3 o Rec.2020, això crea una experiència de visualització molt més realista i immersiva.

La diferència entre el contingut SDR i HDR és espectacular: l’HDR pot representar tot, des d’ombres profundes fins a reflexos brillants en un únic fotograma, de manera similar a com l’ull humà percep les escenes reals. Això elimina la necessitat dels compromisos en l’exposició i el rang dinàmic que han estat necessaris al llarg de la història del cinema i el vídeo.

  • Amplia la gamma de colors i la gamma de brillantor
  • Utilitza noves funcions de transferència com PQ i HLG
  • HDR10 proporciona color de 10 bits amb metadades estàtiques
  • Dolby Vision ofereix color de 12 bits amb metadades escena per escena
  • HLG va ser dissenyat per a la compatibilitat de difusió

Comparació d’espais de color comuns

Espais de color d’un cop d’ull

Aquesta comparació destaca les característiques clau i els casos d’ús dels espais de color més habituals. Entendre aquestes diferències és essencial per triar l’espai de color adequat per a les vostres necessitats específiques.

Comparació d’espais de color RGB

  • sRGB: Gamma més petita, estàndard per a web, compatibilitat universal
  • Adobe RGB: Gamma més àmplia, millor per a la impressió, especialment a les zones verd-cian
  • Pantalla P3: Vermells i verds millorats, utilitzats pels dispositius Apple
  • ProPhoto RGB: Gamma extremadament àmplia, requereix una profunditat de 16 bits, ideal per a la fotografia
  • Rec.2020: Gamma molt àmplia per a vídeo 4K/8K, estàndard enfocat al futur

Característiques de l’espai de color

  • CMYK: Subtractiu, orientat a la impressió, gamma més petita que RGB
  • Laboratori: Gamma més gran independent del dispositiu, perceptualment uniforme
  • HSL/HSV: Selecció de color intuïtiva, no perceptivament uniforme
  • YCbCr: Separa la luminància del color, optimitzat per a la compressió
  • XYZ: Espai de referència per a la ciència del color, no utilitzat directament per a imatges

Recomanacions de casos d’ús

  • Contingut web i digital: sRGB o Display P3 (amb sRGB alternativa)
  • Fotografia professional: Adobe RGB o ProPhoto RGB en 16 bits
  • Producció d’impressió: Adobe RGB per a l’espai de treball, perfil CMYK per a la sortida
  • Producció de vídeo: Rec.709 per a HD, Rec.2020 per a UHD/HDR
  • Art i disseny digitals: Adobe RGB o Display P3
  • Correcció de color: Laboratori d’ajustaments independents del dispositiu
  • Disseny UI/UX: HSL/HSV per a una selecció de colors intuïtiva
  • Compressió de vídeo: YCbCr amb submostreig de croma adequat

Gestió pràctica de l’espai de color

Sistemes de gestió del color

Els sistemes de gestió del color (CMS) garanteixen una reproducció coherent del color en diferents dispositius mitjançant l’ús de perfils de dispositiu i transformacions d’espai de color. Són essencials per als fluxos de treball professionals en fotografia, disseny i impressió.

La base de la gestió moderna del color és el sistema de perfils ICC (International Color Consortium). Aquests perfils descriuen les característiques del color de dispositius o espais de color específics, permetent traduccions precises entre ells. Sense una gestió adequada del color, els mateixos valors RGB poden ser molt diferents en diversos dispositius.

  • Basat en perfils ICC que caracteritzen el comportament del color del dispositiu
  • Utilitza perfils independents del dispositiu (com ara Lab) com a espai d’intercanvi
  • Gestiona el mapeig de gamma per a diferents espais de destinació
  • Proporciona intencions de renderització per a diferents objectius de conversió
  • Admet tant l’enllaç del dispositiu com les transformacions de diversos passos

Calibració de la pantalla

La calibració del monitor és la base de la gestió del color, assegurant que la pantalla representi els colors amb precisió. Sense un monitor calibrat, tots els altres esforços de gestió del color poden quedar soscavats.

La calibració implica ajustar la configuració del monitor i crear un perfil ICC que corregeix qualsevol desviació del comportament estàndard del color. Aquest procés normalment requereix un colorímetre de maquinari o un espectrofotòmetre per obtenir resultats precisos, tot i que la calibració bàsica del programari és millor que cap.

  • Els dispositius de calibratge de maquinari proporcionen els resultats més precisos
  • Ajusta el punt blanc, la gamma i la resposta del color
  • Crea un perfil ICC que utilitzen els sistemes de gestió del color
  • S’ha de fer amb regularitat a mesura que les pantalles canvien amb el temps
  • Les pantalles professionals solen tenir funcions de calibratge de maquinari

Treballant amb espais de color de càmera

Les càmeres digitals capturen imatges en els seus propis espais de color, que després es converteixen en espais estàndard com sRGB o Adobe RGB. Entendre aquest procés és crucial per a fluxos de treball de fotografia precisos.

Cada càmera té un sensor únic amb les seves pròpies característiques de resposta del color. Els fabricants de càmeres desenvolupen algorismes propietaris per processar les dades del sensor en brut en espais de color estandarditzats. Quan feu fotos en format RAW, teniu més control sobre aquest procés de conversió, cosa que permet una gestió del color més precisa.

  • Els fitxers RAW contenen totes les dades de color capturades pel sensor
  • Els fitxers JPEG es converteixen a sRGB o Adobe RGB a la càmera
  • Els perfils de la càmera poden caracteritzar respostes específiques de color de la càmera
  • Els espais de treball de gamma àmplia conserven la majoria de dades de la càmera
  • Els perfils de color DNG (DCP) proporcionen dades de color precises de la càmera

Consideracions sobre el color segur per a la web

Tot i que els navegadors web moderns admeten la gestió del color, moltes pantalles i dispositius no ho fan. La creació de contingut web que sembli coherent en tots els dispositius requereix comprendre aquestes limitacions.

La plataforma web avança cap a una millor gestió del color, amb el nivell 4 del mòdul de color CSS que afegeix suport per a les especificacions de l’espai de color. No obstant això, per a la màxima compatibilitat, encara és important tenir en compte les limitacions de sRGB i proporcionar alternatives adequades per al contingut de gamma àmplia.

  • sRGB segueix sent l’opció més segura per a la compatibilitat universal
  • Insereix perfils de color a les imatges per als navegadors que ho admeten
  • El nivell 4 del mòdul de color CSS afegeix especificacions d’espai de color
  • És possible una millora progressiva per a pantalles de gamma àmplia
  • Penseu en utilitzar les consultes @media per detectar pantalles de gamma àmplia

Flux de treball de producció d’impressió

Els fluxos de treball d’impressió professionals requereixen una gestió acurada de l’espai de color des de la captura fins a la sortida final. La transició de RGB a CMYK és un pas crític que s’ha de gestionar correctament.

La impressió comercial utilitza espais de color CMYK estandarditzats basats en condicions d’impressió específiques. Aquests estàndards garanteixen resultats coherents entre diferents proveïdors d’impressió i premses. Els dissenyadors han d’entendre quin espai de color CMYK utilitza la seva impressora i incorporar aquest coneixement al seu flux de treball.

  • La prova suau simula la sortida impresa a la pantalla
  • Els perfils d’impressora caracteritzen combinacions específiques de dispositiu i paper
  • Les intencions de representació determinen l’enfocament de mapeig de gamma
  • La compensació del punt negre conserva el detall de l’ombra
  • Les impressions de prova validen la precisió del color abans de la producció final

Classificació de color de vídeo

La producció de vídeo implica consideracions complexes d’espai de color, especialment amb l’augment dels formats HDR i de gamma àmplia. És essencial entendre el pipeline complet des de la captura fins al lliurament.

La producció de vídeo moderna sovint utilitza el sistema de codificació de color de l’Academia (ACES) com a marc de gestió del color estandarditzat. ACES proporciona un espai de treball comú per a totes les imatges, independentment de la càmera utilitzada, simplificant el procés de combinació de plans de diferents fonts i preparant contingut per a diversos formats de lliurament.

  • Els formats de registre conserven el màxim rang dinàmic de les càmeres
  • Els espais de treball com ACES ofereixen una gestió del color estandarditzada
  • Els estàndards HDR inclouen funcions de transferència PQ i HLG
  • Els formats de lliurament poden requerir diverses versions d’espai de color
  • Les LUT (Taules de cerca) ajuden a estandarditzar les transformacions de color

Preguntes freqüents sobre els espais de color

Quina diferència hi ha entre un model de color i un espai de color?

Un model de color és un marc teòric per representar colors mitjançant valors numèrics (com ara RGB o CMYK), mentre que un espai de color és una implementació específica d’un model de color amb paràmetres definits. Per exemple, RGB és un model de color, mentre que sRGB i Adobe RGB són espais de color específics basats en el model RGB, cadascun amb diferents gammes i característiques. Penseu en un model de color com el sistema general (com descriure ubicacions utilitzant latitud/longitud) i un espai de color com un mapeig específic d’aquest sistema (com un mapa detallat d’una regió concreta amb coordenades precises).

Per què la meva sortida impresa es veu diferent del que veig a la pantalla?

Diversos factors causen aquesta diferència: els monitors utilitzen color RGB (additiu) mentre que les impressores utilitzen color CMYK (subtractiu); Les pantalles solen tenir una gamma més àmplia que la sortida impresa; les pantalles emeten llum mentre les impressions la reflecteixen; i sense una gestió adequada del color, no hi ha traducció entre aquests diferents espais de color. A més, el tipus de paper afecta significativament com apareixen els colors a la impressió, ja que els papers sense revestir solen produir colors menys saturats que els papers brillants. Calibrar el monitor i utilitzar perfils ICC per a la vostra combinació de paper i impressora específica pot reduir significativament aquestes discrepàncies, tot i que sempre es mantindran algunes diferències a causa de les diferències físiques fonamentals entre les pantalles que emeten llum i les impressions que reflecteixen la llum.

He d’utilitzar sRGB, Adobe RGB o ProPhoto RGB per a la fotografia?

Depèn del vostre flux de treball i de les vostres necessitats de sortida. sRGB és millor per a imatges destinades a la web o visualització general a les pantalles. Adobe RGB és excel·lent per al treball d’impressió, oferint una gamma més àmplia que s’adapta millor a les capacitats d’impressió. ProPhoto RGB és ideal per a fluxos de treball professionals on la màxima preservació de la informació del color és fonamental, especialment quan es treballa amb fitxers RAW en mode de 16 bits. Molts fotògrafs utilitzen un enfocament híbrid: editen en ProPhoto RGB o Adobe RGB i després converteixen a sRGB per compartir-los web. Si esteu gravant en format JPEG a la càmera, Adobe RGB és generalment una millor opció que sRGB si la vostra càmera l’admet, ja que conserva més informació de color per a l’edició posterior. Tanmateix, si feu RAW (recomanat per obtenir la màxima qualitat), la configuració de l’espai de color de la càmera només afecta la previsualització JPEG i no les dades RAW reals.

Què passa quan els colors estan fora de la gamma d’un espai de color?

Quan es converteixen entre espais de color, els colors que queden fora de la gamma de l’espai de destinació s’han de tornar a assignar mitjançant un procés anomenat mapeig de gamma. Això es controla mitjançant les intencions de representació: la representació perceptiva preserva les relacions visuals entre els colors comprimint tota la gamma; La colorimetria relativa manté els colors que estan dins de les gammes i retalla els colors fora de la gamma al color reproduïble més proper; Colorimètric absolut és similar però també s’ajusta per al blanc del paper; i la saturació prioritza mantenir colors vibrants per sobre de la precisió. L’elecció de la intenció de representació depèn del contingut i de les vostres prioritats. Per a les fotografies, Perceptual produeix sovint els resultats més naturals. Per a gràfics amb colors de marca específics, la colorimetria relativa normalment funciona millor per preservar els colors exactes sempre que sigui possible. Els sistemes moderns de gestió del color us poden mostrar quins colors estan fora de la gamma abans de la conversió, cosa que us permetrà fer ajustos als colors crítics.

Quina importància té el calibratge del monitor per a la gestió del color?

La calibració del monitor és la base de qualsevol sistema de gestió del color. Sense una pantalla calibrada, esteu prenent decisions d’edició basades en informació de color inexacta. La calibració ajusta el monitor a un estat estàndard conegut mitjançant la configuració del punt blanc (normalment D65/6500K), gamma (normalment 2,2) i la brillantor (sovint 80-120 cd/m²) i crea un perfil ICC que les aplicacions gestionades per color utilitzen per mostrar els colors amb precisió. Per al treball professional, un dispositiu de calibratge de maquinari és essencial i la recalibració s’ha de fer mensualment. Fins i tot els colorímetres de qualitat del consumidor poden millorar dràsticament la precisió del color en comparació amb les pantalles no calibrades. Més enllà del calibratge, el vostre entorn de treball també és important: parets grises neutres, il·luminació controlada i evitar la llum directa a la pantalla contribueixen a una percepció del color més precisa. Per a treballs de color crítics, considereu invertir en un monitor de qualitat professional amb una àmplia cobertura de gamma, capacitats de calibratge de maquinari i una caputxa per bloquejar la llum ambiental.

Quin espai de color he d’utilitzar per al disseny i desenvolupament web?

sRGB segueix sent l’estàndard per al contingut web, ja que garanteix l’experiència més coherent en diferents dispositius i navegadors. Tot i que els navegadors moderns admeten cada cop més la gestió del color i una gamma més àmplia, molts dispositius i navegadors encara no ho fan. Per a projectes amb visió de futur, podeu implementar una millora progressiva utilitzant sRGB com a línia de base alhora que proporcioneu actius d’ampli ventall (utilitzant funcions de nivell 4 del mòdul de color CSS o imatges etiquetades) per als dispositius que els admeten. El CSS Color Module Level 4 introdueix suport per a display-p3, prophoto-rgb i altres espais de color mitjançant funcions com el color (display-p3 1 0.5 0), permetent als dissenyadors web orientar-se a pantalles de gamma més àmplia sense sacrificar la compatibilitat. Per a la màxima compatibilitat amb navegadors antics, manteniu una versió sRGB de tots els actius i utilitzeu la detecció de funcions per oferir contingut d’ampli ventall només a dispositius compatibles. Proveu sempre els vostres dissenys en diversos dispositius i navegadors per garantir un aspecte acceptable per a tots els usuaris.

Com afecten els espais de color la compressió de la imatge i la mida del fitxer?

Els espais de color afecten significativament la compressió de la imatge i la mida del fitxer. La conversió de RGB a YCbCr (en compressió JPEG) permet el submostreig de croma, que redueix la mida del fitxer emmagatzemant la informació de color a una resolució més baixa que la informació de brillantor, aprofitant la major sensibilitat de l’ull humà als detalls de la luminància. Els espais de gamma àmplia com ProPhoto RGB requereixen profunditats de bits més altes (16 bits enfront de 8 bits) per evitar la formació de bandes, donant lloc a fitxers més grans. Quan deseu en formats com el PNG que no utilitzen submostreig de croma, l’espai de color en si no afecta significativament la mida del fitxer, però les profunditats de bits més altes sí. Els fitxers JPEG desats a Adobe RGB o ProPhoto RGB no utilitzen inherentment més emmagatzematge que les versions sRGB amb la mateixa configuració de qualitat, però han d’incloure un perfil de color incrustat perquè es mostri correctament, augmentant lleugerament la mida del fitxer. Per obtenir la màxima eficiència de compressió en formats de lliurament, la conversió a sRGB o YCbCr de 8 bits amb un submostreig adequat normalment proporciona el millor equilibri entre la mida del fitxer i la qualitat visible.

Quina relació hi ha entre els espais de color i la profunditat de bits?

La profunditat de bits i l’espai de color són conceptes interrelacionats que afecten la qualitat de la imatge. La profunditat de bits fa referència al nombre de bits utilitzats per representar cada canal de color, determinant quants valors de color diferents es poden representar. Tot i que l’espai de color defineix la gamma de colors (gamut), la profunditat de bits determina com de finament es divideix aquest rang. Els espais de color de gamma més àmplia com ProPhoto RGB solen requerir profunditats de bits més altes per evitar bandes i posterització. Això es deu al fet que el mateix nombre de valors diferents s’han d’estendre en una gamma de colors més gran, creant “passos” més grans entre colors adjacents. Per exemple, la codificació de 8 bits proporciona 256 nivells per canal, que generalment és suficient per a sRGB però inadequat per a ProPhoto RGB. És per això que els fluxos de treball professionals sovint utilitzen 16 bits per canal (65.536 nivells) quan treballen en espais de gamma àmplia. De la mateixa manera, el contingut HDR requereix profunditats de bits més altes (10 o 12 bits) per representar sense problemes el seu rang de brillantor estès. La combinació de l’espai de color i la profunditat de bits conjuntament determina el nombre total de colors diferents que es poden representar en una imatge.

Màster Gestió del color en els teus projectes

Tant si sou fotògrafs, dissenyadors o desenvolupadors, entendre els espais de color és essencial per produir un treball de qualitat professional. Apliqueu aquests conceptes per assegurar-vos que els vostres colors semblen coherents en tots els mitjans.

Desplaça cap amunt