Falando a Linguagem da Luz
As cores em uma tela não são tinta — são luz. E assim como as línguas, existem diferentes maneiras de descrevê-las. Seja você um desenvolvedor, um designer ou apenas curioso, entender esses formatos é como aprender o alfabeto do mundo digital.
RGB: A Receita para a Luz
RGB significa Vermelho, Verde, Azul (Red, Green, Blue). Pense na sua tela como um mosaico de milhões de pixels minúsculos. Cada pixel tem três lâmpadas minúsculas: vermelha, verde e azul. Variando a intensidade de cada uma (de 0 a 255), podemos criar mais de 16 milhões de cores.
rgb(255, 0, 0) = Red
rgb(0, 255, 0) = Green
rgb(0, 0, 255) = Blue
HEX: A Abreviação do Desenvolvedor
Hexadecimal (HEX) é apenas uma maneira compacta de escrever valores RGB. Em vez de usar números 0-255, usamos 00-FF. É mais curto e fácil de copiar e colar, e é por isso que os desenvolvedores web adoram.
#FF0000 = Red
#00FF00 = Green
#0000FF = Blue
HSL: O Jeito Humano
Computadores pensam em RGB, mas humanos não. Se eu pedir para você 'tornar este vermelho mais escuro', você não pensa 'reduzir o canal vermelho em 20'. Você pensa 'diminuir o brilho'. Isso é HSL (Matiz, Saturação, Luminosidade). Separa a *cor* (Matiz) de quão *vibrante* (Saturação) e *brilhante* (Luminosidade) ela é.
Por que o Contraste Importa
Ao escolher cores para texto e fundos, não é apenas sobre estética — é sobre acessibilidade. Baixo contraste torna o texto difícil de ler para todos, especialmente pessoas com deficiência visual. Sempre verifique suas taxas de contraste!