Entendendo Formatos de Cor
As cores na web podem ser representadas em vários formatos. Cada um tem suas vantagens dependendo do caso de uso.
Cores HEX
Cores HEX (hexadecimal) usam um código de 6 dígitos precedido por um sinal de cerquilha (#). Cada par de dígitos representa os componentes vermelho, verde e azul. Por exemplo, #FF0000 é vermelho puro e #000000 é preto. HEX é o formato mais comumente usado em CSS e design web.
Cores RGB
RGB representa cores como uma combinação de canais vermelho, verde e azul, cada um variando de 0 a 255. O formato é rgb(vermelho, verde, azul). RGB é intuitivo para misturar cores baseadas em luz e é amplamente usado em CSS.
Cores HSL
HSL significa Matiz, Saturação e Luminosidade. Matiz é o ângulo na roda de cores (0-360), saturação é a intensidade (0-100%) e luminosidade determina quão clara ou escura a cor é (0-100%). HSL é frequentemente mais intuitivo para criar variações de cores e paletas.
Perguntas Frequentes
Como escolher boas combinações de cores?
Considere usar cores complementares (opostas na roda de cores), cores análogas (adjacentes na roda) ou cores triádicas (igualmente espaçadas). O recurso de paleta mostra variações de cores para ajudá-lo a construir esquemas harmoniosos.
O que é acessibilidade de cores?
Acessibilidade de cores garante que o conteúdo seja legível por pessoas com deficiências de visão de cores. As Diretrizes de Acessibilidade para Conteúdo Web (WCAG) recomendam uma razão de contraste de pelo menos 4.5:1 para texto normal e 3:1 para texto grande.