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é?!

O olho humano tem basicamente 3 tipos dessas células cones, que são:
- os cones R, sensíveis à luz vermelha. Isso significa que eles são ativados quando recebem ondas na faixa vermelha do espectro eletromagnético (a faixa de comprimento da luz vermelha varia entre 625 e 740 nanômetros).2
- os cones G, sensíveis à luz verde. Ativados quando recebem ondas na faixa verde (500 a 565 nanômetros).2
- os cones B, sensíveis à luz azul. Já esses são ativados com as ondas na faixa azul (440 – 485 nanômetros).2
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.

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.

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:
- O ciano absorve o vermelho. Similar ao rgb(0, 255, 255)
- O magenta absorve o verde. Similar ao rgb(255, 0, 255)
- O amarelo absorve o azul. Similar ao rgb(255, 255, 0)
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.
