Color Properties

Luminance

Une mesure photométrique de l'intensité de la lumière émise ou réfléchie par une surface par unité de surface dans une direction donnée.

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.

Essayez

Vérificateur de contraste

Vérifiez les ratios de contraste des couleurs selon les directives WCAG 2.1. Testez la conformité AA et AAA pour le texte normal et le grand texte.

Articles associés

Espaces colorimétriques perceptuels : Lab, LCH, Oklab, OKLCH

Explorez les espaces colorimétriques perceptuellement uniformes — CIE Lab, LCH, Oklab et OKLCH. Apprenez comment chacun a été conçu, ses points forts et lequel utiliser pour le CSS et le travail de design.

Architecture de couleurs multi-marques : un seul codebase, plusieurs thèmes

Construisez une architecture de couleurs multi-marques avec des propriétés CSS personnalisées et des tokens de design. Gérez le thème en marque blanche depuis un seul codebase avec l'intégration Tailwind.

Concevoir une API de couleurs : endpoints REST pour les données de couleur

Concevez une API REST de couleurs avec des endpoints pour la conversion, la recherche, la vérification du contraste et la génération de palettes. Apprenez la conception de schémas et les meilleures pratiques.

Générer des images OG colorées avec Next.js et Satori

Générez des images Open Graph dynamiques avec Next.js et Satori. Créez des templates OG adaptés aux couleurs avec dégradés, couleurs de marque et designs adaptatifs.

Le blanc est-il une couleur ? Lumière, pigment et perception

Le blanc est-il une couleur ou l'absence de couleur ? Explorez la science de la lumière, le monde des pigments et l'utilisation du blanc en design — de #FFFFFF aux blancs chauds.

Qu'est-ce que l'harmonie des couleurs ? Les règles des palettes réussies

Découvrez ce que signifie l'harmonie des couleurs — schémas complémentaires, analogues, triadiques et tétrадiques. Comprenez les règles qui sous-tendent les combinaisons chromatiques visuellement réussies.