Color Theory

Luminosidad

La cantidad percibida de luz reflejada por un color, que va del negro (0%) al blanco (100%).

Lightness is a perceptual measurement that indicates how light or dark a color appears. In the HSL model, lightness is the third component measured as a percentage, where 0% is pure black, 50% is the pure hue, and 100% is pure white. Lightness differs from brightness (used in HSV/HSB) in that maximum lightness always produces white regardless of saturation. In the CIELAB color space, the L* axis represents perceptual lightness, designed to be more uniform with human perception than HSL lightness.

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.

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.

Estampado en Lámina y Colores Metálicos en Diseño de Impresión

Aprende sobre técnicas de estampado en lámina, opciones de tintas metálicas, elección de láminas doradas y plateadas, y consideraciones de diseño para materiales impresos premium.

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.

Diferencia Entre Cian y Turquesa

El cian (#00FFFF) y la turquesa (#40E0D0) son similares pero difieren fundamentalmente en posición en el modelo de color, saturación y caso de uso. Aquí está el análisis completo.