Formatos de color de un vistazo
| Formato | Ejemplo | Ideal para |
|---|---|---|
| HEX | #3B82F6 | CSS y entrega de diseño |
| RGB | rgb(59, 130, 246) | Manipulación programática del color y renderizado del navegador |
| HSL | hsl(217, 91%, 60%) | Ajustes de tono, saturación y luminosidad intuitivos para las personas |
| CMYK | cmyk(76, 47, 0, 4) | Flujos de trabajo orientados a impresión |
El mismo azul en diferentes formatos
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
CMYK
cmyk(76, 47, 0, 4)
Cuándo usar cada uno
- Usa HEX cuando necesites valores cortos compatibles con CSS para un sistema de diseño o una hoja de estilos.
- Usa RGB cuando el código o una API del navegador esperen valores de canal directamente.
- Usa HSL cuando quieras cambiar la luminosidad o la saturación de forma más intuitiva.
- Usa CMYK para conversaciones orientadas a impresión, no como formato principal en CSS.
Usa esta referencia con la herramienta adecuada
Herramientas relacionadas