Formatos de cor em resumo
| Formato | Exemplo | Ideal para |
|---|---|---|
| HEX | #3B82F6 | Handoff de CSS e design |
| RGB | rgb(59, 130, 246) | Manipulação programática de cores e renderização no navegador |
| HSL | hsl(217, 91%, 60%) | Ajustes de matiz, saturação e luminosidade intuitivos para humanos |
| CMYK | cmyk(76, 47, 0, 4) | Fluxos de trabalho voltados para impressão |
O mesmo azul em diferentes formatos
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
CMYK
cmyk(76, 47, 0, 4)
Quando usar cada um
- Use HEX quando precisar de valores curtos e compatíveis com CSS para um sistema de design ou uma folha de estilo.
- Use RGB quando o código ou uma API do navegador esperar valores de canal diretamente.
- Use HSL quando quiser alterar luminosidade ou saturação de forma mais intuitiva.
- Use CMYK para conversas voltadas à impressão, não como formato principal em CSS.
Use esta referência com a ferramenta adequada
Ferramentas relacionadas