Espacios de color explicados
FAQ
- ¿Qué espacio de color debo usar para CSS?
- HEX y RGB son estándar. El CSS moderno también admite oklch() y lab() para obtener gradientes y temas perceptivamente mejores.
Por qué es importante el espacio de color
Diferentes espacios de color representan el mismo color percibido de diferentes maneras. Elegir el espacio correcto afecta la interpolación, las comprobaciones de accesibilidad y la exportación a CSS, herramientas de impresión o diseño.
Los desarrolladores web suelen trabajar en sRGB (HEX/RGB/HSL), mientras que los flujos de trabajo de impresión pueden necesitar CMYK y las herramientas de diseño avanzadas pueden utilizar LAB para realizar ajustes perceptivamente uniformes.
HEX, RGB y HSL
HEX es compacto y familiar en CSS (#RRGGBB). RGB se asigna directamente a los canales de la pantalla. HSL separa tono, saturación y luminosidad, lo que resulta útil para modificar temas y generar tintes y sombras.
Utilice HEX/RGB para API y tokens de diseño. Utilice HSL cuando necesite aclarar u oscurecer el color de una marca manteniendo el tono estable.
CMYK, LAB y XYZ
CMYK modela tintas de impresión sustractivas. La conversión de RGB a CMYK es aproximada porque las pantallas y las impresoras tienen diferentes gamas.
LAB y XYZ son independientes del dispositivo. LAB es especialmente útil para gradientes perceptualmente uniformes y cálculos de luminancia relacionados con la accesibilidad.