Luminancia
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/glossary/luminance/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/glossary/luminance/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/glossary/luminance/)Use the native HTML custom element.
Una medida fotométrica de la intensidad de la luz emitida o reflejada desde una superficie por unidad de área en una dirección determinada.
Luminance is a physical measurement expressed in candelas per square meter (cd/m2 or nits). It quantifies how bright a surface appears to the human eye and is fundamental to display technology, where typical monitors range from 250-400 nits and HDR displays can exceed 1000 nits. In color science, luminance is related to but distinct from lightness, which is a perceptual quality. The Y component of the CIE XYZ color space directly represents relative luminance, forming the basis for all photometric calculations in color science.
Pruébelo
Artículos relacionados
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.
Arquitectura de color multimarca: un código, muchos temas
Construye arquitectura de color multimarca con propiedades personalizadas de CSS y tokens de diseño. Soporta temas white-label desde un único código fuente con integración de Tailwind.
Diseño de una API de color: Endpoints REST para datos de color
Diseña una API REST de color con endpoints para conversión, búsqueda, verificación de contraste y generación de paletas. Aprende diseño de esquema y mejores prácticas.
Generación de imágenes OG coloridas con Next.js y Satori
Genera imágenes Open Graph dinámicas con Next.js y Satori. Crea plantillas OG con conciencia de color, degradados, colores de marca y diseños responsivos.
¿Es el blanco un color? Luz, pigmento y percepción
¿Es el blanco un color o la ausencia de color? Explora la ciencia de la luz, el mundo del pigmento y cómo se usa el blanco en el diseño, desde #FFFFFF hasta los blancos cálidos.
¿Qué es la armonía de color? Reglas para paletas agradables
Aprende qué significa la armonía de color: esquemas complementarios, análogos, triádicos y tetrádicos. Comprende las reglas detrás de las combinaciones de color visualmente agradables.