Cores

O que são cores?

Antes de falarmos sobre RGB, precisamos entender um pouco mais sobre cores. Existem dois modelos principais de cores: aditivas e subtrativas.

• Cores aditivas: São as cores formadas pela soma de luzes. Esse é o modelo utilizado em telas, onde as cores básicas são vermelho, verde e azul (RGB). Quando todas essas cores são combinadas em sua intensidade máxima, obtemos branco. Quando todas estão ausentes, obtemos preto.

• Cores subtrativas: Esse é o modelo usado em pigmentos, como tintas e impressões. As cores básicas são ciano, magenta e amarelo (CMY). Nesse modelo, a soma das cores resulta em preto, pois cada cor absorve parte da luz branca.

O espectro da luz visível

A luz é uma onda eletromagnética, e cada cor que percebemos corresponde a um comprimento de onda diferente dentro do espectro visível. Esse espectro vai aproximadamente de 400 nm (violeta) a 700 nm (vermelho). Aqui estão algumas cores e seus respectivos comprimentos de onda:

• Violeta: ~400 nm

• Azul: ~450 nm

• Verde: ~520 nm

• Amarelo: ~570 nm

• Laranja: ~590 nm

• Vermelho: ~650-700 nm

Nosso olho percebe essas cores devido à maneira como os cones em nossa retina respondem a diferentes comprimentos de onda. O modelo RGB utilizado em telas simula essa percepção combinando luzes de diferentes intensidades.

Cones e bastonetes – Como enxergamos cores?

Nossos olhos possuem dois tipos de células fotorreceptoras na retina: cones e bastonetes.

• Cones: São responsáveis pela percepção das cores. Existem três tipos de cones, cada um sensível a uma faixa específica do espectro visível – um responde melhor à luz vermelha, outro à luz verde e outro à luz azul.

• Bastonetes: São mais sensíveis à luz e à escuridão, permitindo-nos enxergar em condições de pouca iluminação. No entanto, eles não distinguem cores, o que explica por que, no escuro, vemos principalmente em tons de cinza.

A combinação das respostas dos cones permite que percebamos uma ampla gama de cores, enquanto os bastonetes nos ajudam a ver em situações de pouca luz. Isso reforça por que o modelo RGB consegue simular com eficácia a forma como enxergamos as cores!

Agora, vamos entender por que usamos valores de 0 a 255 para definir cores.

---

Por que os números vão de 0 a 255? #

Os computadores representam cores utilizando valores binários, e a unidade básica de armazenamento é o byte, que pode representar números de 0 a 255 (pois 1 byte tem 8 bits, e 2^8 = 256 valores possíveis). Assim, cada componente de cor (R, G e B) pode assumir um valor entre 0 (nenhuma intensidade) e 255 (intensidade máxima).

Agora que entendemos a teoria, vamos ver como isso funciona na prática usando o p5.js!

---

Como usar cores no p5.js?

Temos diversas funções para uso de cores no p5.js. A mais famosa você já está usando e nem percebeu: background!

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
}

Em construção.