Color Theory

Saturación

La intensidad o pureza de un color, que va desde un matiz vívido hasta un gris apagado.

Saturation describes how pure a color appears relative to gray. A fully saturated color contains no gray and appears vivid and intense, while a completely desaturated color is a shade of gray. In the HSL model, saturation is measured as a percentage from 0% (gray) to 100% (pure color). Saturation differs from chroma in that it is relative to the color's own lightness. High-saturation colors demand attention and are effective for calls-to-action, while low-saturation colors create calm, professional atmospheres.

Pruébelo

Convertidor de color

Convierte entre los formatos de color HEX, RGB, HSL, HSV, CMYK y OKLCH al instante.

Generador de tonos

Genera escalas de tonos estilo Tailwind CSS (50–950) a partir de cualquier color base para sistemas de diseño.

Artículos relacionados

CSS color-mix(): Mezcla Colores Nativamente en el Navegador

Aprende CSS color-mix() para mezclar colores nativamente en el navegador. Domina la sintaxis, los espacios de color, los casos de uso prácticos y crea paletas dinámicas sin JavaScript.

Construyendo un Selector de Color como Web Component desde Cero

Construye un selector de color accesible como Web Component. Implementa renderizado en canvas, sliders de tono, canales alfa y eventos personalizados con Shadow DOM.

Espacios de Color Perceptuales: Lab, LCH, Oklab, OKLCH

Explora los espacios de color perceptualmente uniformes — CIE Lab, LCH, Oklab y OKLCH. Aprende cómo fue diseñado cada uno, en qué destaca y cuál usar para CSS y trabajo de diseño.

Prueba de Color: Garantizando Colores Precisos en Impresión

Aprende técnicas de prueba blanda, prueba física y prueba de prensa para garantizar una reproducción precisa del color de impresión desde la pantalla hasta la salida final.

Color para la narrativa de datos: Más allá de los colores predeterminados

Supera los colores predeterminados de los gráficos para contar historias con datos. Aprende paletas secuenciales, divergentes y categóricas, accesibilidad en visualización de datos y escalas de color en D3/Chart.js.

Esmeralda vs Jade vs Verde Bosque: Guía de Comparación de Verdes

Compara esmeralda (#50C878), jade (#00A86B) y verde bosque (#228B22). Aprende las diferencias visuales y en código hex entre estos populares tonos de verde.