Três jeitos de escrever uma cor
| HEX | #2563D9 |
| RGB | rgb(37, 99, 217) |
| HSL | hsl(219, 71%, 50%) |
Os três são o mesmo azul. As telas formam cada cor misturando luz vermelha, verde e azul, e cada formato é um jeito diferente de escrever essas quantidades.
RGB e HEX
O RGB dá vermelho, verde e azul de 0 a 255. O HEX escreve os mesmos três números em base 16, com dois dígitos cada: 25 é 37, 63 é 99 e D9 é 217. Um código curto como #FFF duplica cada dígito (#FFFFFF, branco), e um quarto par acrescenta transparência (#2563D980 fica mais ou menos meio transparente).
HSL
O HSL descreve a cor do jeito que a gente pensa nela: o matiz é a posição no círculo de cores em graus (0 vermelho, 120 verde, 240 azul), a saturação é a intensidade e a luminosidade vai do preto em 0% ao branco em 100%. Assim fica fácil fazer um tom mais claro ou mais escuro: mantenha o matiz e a saturação e mude a luminosidade.
CMYK é para impressão
Impressoras misturam tinta ciano, magenta, amarela e preta em vez de luz. As conversões entre RGB e CMYK são aproximadas, porque telas e tintas não mostram exatamente a mesma gama de cores.
Contraste para texto
As diretrizes de acessibilidade WCAG pedem contraste de pelo menos 4,5:1 para texto normal e 3:1 para texto grande no nível AA. O Conversor de cores converte entre todos esses formatos e verifica o contraste com texto branco e preto. Para achar o código de uma cor numa foto ou captura de tela, use o Seletor de cores de imagem.