HEX, RGB e HSL
- HEX: 16 números em #RRGGBB formato. #FF0000 é vermelho, #000000 é preto #FFFFFF é branco. Códigos com os mesmos dígitos pares podem ser abreviados (#FFF).
- RGB: canais vermelho, verde, azul 0–255. RGB(255, 0, 0) é vermelho. Um valor final de "alfa" (0–1) adiciona transparência: rgba(0, 0, 0, 0,5) é preto translúcido.
- HSL: matiz (0–360°), saturação e brilho (%). HSL(0, 100%, 50%) é vermelho. Para encontrar o tom claro ou escuro de uma cor, basta mudar o brilho.
HEX para RGB
Cada peça de dois dígitos é convertida da base 16 para 10. #3B5998: 3B = 3×16+11 = 59, 59 = 5×16+9 = 89, 98 = 9×16+8 = 152 → rgb(59, 89, 152).
| Cor | HEX | RGB | HSL |
|---|---|---|---|
| Vermelho | #FF0000 | 255, 0, 0 | 0, 100%, 50% |
| Verde | #00FF00 | 0, 255, 0 | 120, 100%, 50% |
| Azul | #0000FF | 0, 0, 255 | 240, 100%, 50% |
Deixe contraste suficiente entre o texto e o chão (pelo menos 4,5:1 para texto normal em WCAG).
Perguntas Frequentes
O código HEX pode ser escrito em letras maiúsculas ou minúsculas?
Sim, #ff0000 e #FF0000 dão a mesma cor.
Posso usar o valor CMYK no site?
CMYK é para impressão; a tela usa HEX, RGB ou HSL.
Como adiciono transparência a uma cor?
Converta HEX para RGB e digite uma transparência entre 0 e 1 no valor final no formato rgba().