RGB x CMYK: O que é e como funciona

O olho e a cor

O olho humano é incrível! Ele capta as cores da natureza através de células especiais chamadas “cones”. Essas células contêm foto-pigmentos que são "ativados” ao serem excitados por certos comprimentos de ondas de luz1. Legal, né?!

Ilustração das células cones do olho humano

O olho humano tem basicamente 3 tipos dessas células cones, que são:

Dizer que os cones são “ativados” significa que essas células produzem impulsos elétricos que são enviados ao cérebro, que interpreta essas informações como cores. Os impulsos elétricos gerados por diferentes tipos de cones dão a sensação de outras cores.

O pixel e o RGB

Baseado nessa dinâmica natural do funcionamento do olho humano, foi criado o sistema de cores RGB no pixel.

Monitor com zoom para ver os pixels na tela

Um pixel é a menor unidade da imagem digital. É um quadradinho colorido! Quando se junta vários e vários pixels um do lado do outro, forma-se uma imagem. É tipo um mosaico.

Mas vamos voltar ao pixel, um único quadradinho: cada pixel geralmente é formado por 3 subpixels: o vermelho (R), o verde (G) e o azul (B). Esses subpixels funcionam como lâmpadas coloridas.4

Quando os subpixels são “acesos” dentro do pixel, a mistura das luzes dos subpixels pode gerar uma cor específica. Por isso chamamos esse método de “aditivo”, porque vamos “adicionando” luz para gerar uma cor diferente.

Os subpixels são ativados em diferentes intensidades. Por ser de âmbito digital, cada um deles são representados por bits, ativados em uma faixa de 0 (totalmente desligado) até 255 (totalmente ligado).

CURIOSIDADE: o olho humano não funciona de forma linear! Isso significa que 128 não é interpretado como “metade do brilho” da luz do subpixel. Para corrigir a diferença entre a cor linear (do monitor) e a percepção do olho humano, os monitores aplicam a “correção gama, que equilibra a luminosidade da imagem para parecer mais natural”. Mas isso é assunto para outra aula...

Aqui está uma tabela com cores e valores teóricos no sistema RGB:

Nome da Cor R G B RGB Completo
Preto 0 0 0 rgb(0, 0, 0)
Branco 255 255 255 rgb(255, 255, 255)
Vermelho 255 0 0 rgb(255, 0, 0)
Verde 0 255 0 rgb(0, 255, 0)
Azul 0 0 255 rgb(0, 0, 255)
Amarelo 255 255 0 rgb(255, 255, 0)
Ciano 0 255 255 rgb(0, 255, 255)
Magenta 255 0 255 rgb(255, 0, 255)
Laranja 255 165 0 rgb(255, 165, 0)
Roxo Escuro 128 0 128 rgb(128, 0, 128)
Azul Claro 135 206 250 rgb(135, 206, 250)
Verde Musgo 85 107 47 rgb(85, 107, 47)
Rosa Claro 255 182 193 rgb(255, 182, 193)
Cinza Médio 169 169 169 rgb(169, 169, 169)
Marrom Avermelhado 139 69 19 rgb(139, 69, 19)

O CMYK

Já aprendemos sobre o funcionamento da luz no pixel, mas nem tudo no mundo é pixel! Por isso precisamos de outro método também: o CMYK.

Representação do sistema CMYK

O método de representação de cores por CMYK é utilizado em impressões, tintas e tecidos. Uma folha em branco não tem pixel! Precisamos misturar pigmentos ao invés de luzes (como no RGB). Dessa forma estamos "bloqueando" certas cores da luz refletiva. Por isso esse método é chamado de subtrativo.

CMYK vem de Cyan (a cor ciano), Magenta, Yellow (amarelo) e K pode ser Key ou blacK5. De certa forma, o CMYK tem alguma relação com o sistema RGB da seguinte maneira:

Teóricamente, se misturar a mesma quantidade de pigmentos ciano, magenta e amarelo resultaria em preto. No entanto, na prática não é bem assim que funciona: fica um marrom bem escuro, mas ainda não é preto. Para obter um preto intenso, adicionamos a tinta preta. O k representa a tinta preta (“key” ou blacK).

RGB ou CMYK?

RGB é ideal para telas e dispositivos digitais, como monitores, TVs e celulares.

CMYK é utilizado para impressoões, fabricações de tintas e tecidos, como cartazes, adesivos e materiais gráficos.

Comparação entre RGB e CMYK e aplicações