Pular para o conteúdo

Teoria das cores, como funciona o olho humano e o pixel

Teoria das Cores como funciona o olho humano?

Se você está afim de aprender sobre tratamento de imagem você está no lugar certo. Mas nesse artigo vamos começar pelas idéias que precedem a operação do software, conhecimentos fundamentais para amadurecer nossa relação com as imagens. Enfim, a cor. Como que essa parada funciona?

Reproduzir Vídeo Sobre teoria-das-cores-davinci-resolve-tutoriais

Tudo começa com a luz. Mais especificamente com a luz do Sol.

Imagem do Sol
Imagem do Sol

Pro Sol produzir luz o que está acontecendo lá dentro é o seguinte: uma quantidade gigantesca de átomos de hidrogênio, que é o principal elemento de que o Sol é feito, estão sendo super agitados pelo calor. A energia dessa agitação é tão grande que em algum momento 4 átomos de H se chocam com força suficiente pra se fundir e formar um novo elemento, o Hélio.

atmos-de-hidrogenio
atmos-de-hidrogenio
atomo-de-hidrogenio
atomo-de-hidrogenio

Mas tem um detalhe aí.
Cada átomo de Hidrogênio tem 1 próton e 1 elétron, como você pode ver na imagem abaixo.

eletron-do-hidrogenio
eletron-do-hidrogenio
proton-do-hidrogenio
proton-do-hidrogenio

Já o átomo de Hélio tem 2 prótons, 2 nêutrons e 2 elétrons.
Então espera aí. Nessa fusão dois desses 2 elétrons foram pro lado de lá.

transicao-dos-eletrons
transicao-dos-eletrons

Esses 2 prótons também, como mostra a figura abaixo.

Esses outros 2 prótons viraram nêutrons.

transformacao-dos-protons-em-neutrons
transformacao-dos-protons-em-neutrons

Mas e esses 2 elétrons aqui, foram pra onde?

exemplo-de-eletrons-expulsos
exemplo-de-eletrons-expulsos

Viraram luz!

Tecnicamente viraram energia, em forma de radiação.

Exemplo de eltétrons expulsos em forma de fótons
Exemplo de eltétrons expulsos em forma de fótons

Existe outra situação em que essa mesma coisa acontece: na bomba atômica. Daí dá pra você imaginar o tamanho da energia que a expulsão desses 2 elétrons gera.

Exemplo Bomba Atômica
Exemplo Bomba Atômica

Essa energia que viaja pelo espaço até chegar na Terra vem em forma de onda, e com várias frequências diferentes, e esse pedacinho aqui é a luz que o nosso olho dá conta de ver. As frequências de onda mais longas formam o vermelho, as mais curtas formam o azul, entre elas existem todas as outras cores, e todas elas juntas formam o branco.

onda-eletromagnetica
onda-eletromagnetica
espectro-de-luz-visivel
espectro-de-luz-visivel

Então a luz branca vem do Sol e bate em um objeto. Uma parte dessa luz é absorvida e vira calor, outra parte é refletida e volta no seu olho. Essa parte que é refletida é a cor do objeto. Na verdade o olho não vê cor, ele vê uma radiação que tá voltando da matéria.

luz-absorvida-transformada-em-calor
luz-absorvida-transformada-em-calor
radiacao-refletida
radiacao-refletida

Pra entender isso a gente precisa entender como funciona o olho. Lá dentro do olho a imagem se forma na retina, que é feita de milhões de células sensíveis a luz. Essas células se dividem em 2 tipos: os cones e os bastonetes.

exemplo-retina-olho-humano
exemplo-retina-olho-humano
cones-e-bastonetes-do-olho-humano
cones-e-bastonetes-do-olho-humano

Os bastonetes conseguem detectar quanta luz tem em um ambiente, e os cones conseguem diferenciar quais as frequências de onda presentes nessa luz, e a partir disso cérebro interpreta as cores. Sem os cones a gente ia enxergar tudo em preto e branco.

Exemplo de luminosidade detectada pelo bastonetes do olho humano
Exemplo de luminosidade detectada pelo bastonetes do olho humano
Exemplo de cores detectadas pelos cones do olho humano
Exemplo de cores detectadas pelos cones do olho humano
Resultado da interpretação do cérebro das informações captadas pelos cones e bastonetes
Resultado da interpretação do cérebro das informações captadas pelos cones e bastonetes

Uma curiosidade aqui é que os bastonetes são muito mais sensíveis e muito mais numerosos que os cones dentro da retina, até 18x mais, por isso quanto mais escuro menos saturação você enxerga, porque só os bastonetes estão conseguindo perceber a luz disponível.

Exemplo de Bastonetes mais Sensíveis e Numerosos
Exemplo de Bastonetes mais Sensíveis e Numerosos
Exemplo de Bastonetes mais Sensíveis a luz em condição de pouca luminosidade
Exemplo de Bastonetes mais Sensíveis a luz em condição de pouca luminosidade

Então quando você quiser tratar uma imagem pra deixar ela com cara de noite é só você fazer o que o olho faria. Que é basicamente diminuir a luminosidade e a saturação da cena.

Outro detalhe importante é que os cones se dividem em 3 tipos: – os que são sensíveis às ondas longas, o vermelho (em inglês “red”) – às ondas médias, o verde (“green”) – e às ondas curtas, o azul (“blue”) O olho enxerga RGB.

Tipos de cones do olho humano
Tipos de cones do olho humano
Tipos de cones do olho humano exemplo 2
Tipos de cones do olho humano exemplo 2

E a partir da decodificação dos níveis de cada tipo de onda o cérebro interpreta todas as outras cores.

Exemplo de resultados da leitura dos cones RGB 01
Exemplo de resultados da leitura dos cones RGB 01
Exemplo de resultados da leitura dos cones RGB 02
Exemplo de resultados da leitura dos cones RGB 02
Exemplo de resultados da leitura dos cones RGB 03
Exemplo de resultados da leitura dos cones RGB 03

E olha só, é exatamente dessa mesma maneira que a imagem digital é formada. Dentro da câmera existe uma parte do sensor que faz a leitura da luz e outra parte que faz a leitura das cores divididas em 3 canais, o vermelho, o verde e o azul.

Exemplo de Leitura do sensor das cameras
Exemplo de Leitura do sensor das cameras

E aí quando você joga essas imagens uma em cima da outra todas as cores aparecem.

Agora voltando a falar do olho, Os diferentes tipos de cone não existem na mesma proporção dentro dele. Os cones verdes são maioria, 72%, os vermelhos somam mais 21%, e os azuis são só 7%. O que faz o gráfico da eficiência luminosa do olho humano ter essa cara aí.

Proporção dos Cones
Proporção dos Cones
Eficiência Luminosa
Eficiência Luminosa

O que faz sentido. Pensando na teoria da evolução a explicação pra isso pode ser que a capacidade de perceber diferenças sutis de verde foi importante pros nossos ancestrais na hora de enxergar um predador ou animal venenoso no meio da mata.

Exemplo de Importância de sensibilidade ao verde para sobrevivência do homo sapiens
Exemplo de Importância de sensibilidade ao verde para sobrevivência do homo sapiens

E a sensibilidade ao vermelho pra perceber diferenças no tom de pele, que pudesse indicar algum sintoma ou doença, ou conseguir diferenciar uma fruta podre de uma boa pro consumo.

Cena do filme A Praia 2000
Cena do filme A Praia 2000
Cena do filme Caveman 1981
Cena do filme Caveman 1981

E de novo, a imagem digital é construída com essa mesma proporção. Se você analisar separadamente os canais RGB de uma tela branca você vai ver que o verde é muito mais presente, seguido pelo vermelho e o azul por último.

Proporção de intensidade dos canais RGB de uma tela branca
Proporção de intensidade dos canais RGB de uma tela branca

Bom, já falei da luz, já falei do olho, e agora falta falar do pixel, que é o que forma a imagem que você tá vendo agora aí no seu monitor ou na tela do seu celular.

O Pixel
O Pixel

O pixel é uma lampadazinha, com outras 3 lampadazinhas dentro dele. Uma vermelha, uma verde e uma azul, que são as cores primárias da luz. São chamadas assim porque quando as 3 tão acesas a 100% você vê branco.

Unidades RGB do Pixel
Unidades RGB do Pixel
Unidades RGB do Pixel acesos a 100% resultam em branco
Unidades RGB do Pixel acesos a 100% resultam em branco

Apagadas, preto. Acesas a 50%, cinza. E a variação de intensidade entre essas lâmpadas cria todas as outras cores. Parecido com o que acontece no olho.

Unidades RGB do pixel acesas a 50% resultam em cinza
Unidades RGB do pixel acesas a 50% resultam em cinza
Exemplo de resultado das variações de intensidade entre as unidades RGB do pixel 01
Exemplo de resultado das variações de intensidade entre as unidades RGB do pixel
Unidades RGB do pixel acesas a 50% resultam em cinza
Unidades RGB do pixel acesas a 50% resultam em cinza
Exemplo de resultado das variações de intensidade entre as unidades RGB do pixel 01
Exemplo de resultado das variações de intensidade entre as unidades RGB do pixel
Exemplo de resultado das variações de intensidade entre as unidades RGB do pixel 02Exemplo de resultado das variações de intensidade entre as unidades RGB do pixel 02
Exemplo de resultado das variações de intensidade entre as unidades RGB do pixel 02Exemplo de resultado das variações de intensidade entre as unidades RGB do pixel 02
Exemplo de resultado das variações de intensidade entre as unidades RGB do pixel 03
Exemplo de resultado das variações de intensidade entre as unidades RGB do pixel

Toda cor tem 3 propriedades básicas:

Tonalidade. Que cor é essa? Azul? Amarelo? Roxo?
Saturação. Que define a intensidade dessa cor.
Luminância. Que determina se ela é clara ou escura.

Em inglês Hue, Saturation and Luminance. Que é o que os coloristas chamam de HSL. Essas 3 informações são a identidade da cor

Propriedades das cores (tonalida, saturação e luminância
Propriedades das cores (tonalida, saturação e luminância
HSL é igual a Identidade da cor
HSL é igual a Identidade da cor

Todas essas cores estão representadas no círculo cromático. Que é dividido em partes iguais pelas cores primárias, com as outras cores no espaço entre elas.

Exemplo de Ciírculo Cromático
Exemplo de Ciírculo Cromático

Dentro desse círculo as cores se combinam, se relacionam, e entender essas relações é fundamental pro trabalho do colorista, e de qualquer pessoa que trabalha com cores. Mas isso já é assunto pros próximos artigos.

Exemplo de combinação de cores análogas
Exemplo de combinação de cores análogas
Exemplo de combinação de cores complementares
Exemplo de combinação de cores complementares
Exemplo de combinação de cores Triádicas
Exemplo de combinação de cores Triádicas
Exemplo de combinação de cores complementares decompostas
Exemplo de combinação de cores complementares decompostas

Gostou do conteúdo? Compartilhe com seus amigos:

Baixe agora a versão mais atualizada do DaVinci Resolve:

Versão 18.2

Precisa de ajuda?