Color Theory

Luminosité

L'intensité perçue de la lumière émise ou réfléchie par une couleur, où la luminosité maximale représente la forme la plus pure de la teinte.

Brightness, used in the HSV (Hue-Saturation-Value) model, differs from lightness in an important way: at maximum brightness (100%) with full saturation, the color is its most vivid form, not white. White only occurs when brightness is 100% and saturation is 0%. This makes HSV more intuitive for tasks like adjusting how 'strong' a color appears without washing it out. Brightness is closely related to the physical concept of luminous intensity but is a perceptual rather than physical quantity.

Essayez

Articles associés

CSS color-mix() : mélanger des couleurs nativement dans le navigateur

Apprenez à utiliser CSS color-mix() pour mélanger des couleurs nativement dans le navigateur. Maîtrisez la syntaxe, les espaces colorimétriques, les cas d'usage pratiques et créez des palettes dynamiques sans JavaScript.

Créer un sélecteur de couleur Web Component from scratch

Créez un sélecteur de couleur accessible en tant que Web Component. Implémentez le rendu canvas, les curseurs de teinte, les canaux alpha et les événements personnalisés avec Shadow DOM.

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.

Épreuvage des couleurs : garantir une reproduction fidèle à l'impression

Maîtrisez l'épreuvage soft, l'épreuvage sur papier et les épreuves de presse pour assurer une reproduction des couleurs d'impression fidèle de l'écran à la sortie finale.

Le dorure à chaud et les couleurs métalliques dans l'impression

Découvrez les techniques de dorure à chaud, les options d'encres métalliques, les choix de dorure or et argent, et les considérations de design pour les imprimés premium.

La couleur au service de la narration de données : au-delà des palettes par défaut

Dépassez les palettes de graphiques par défaut pour raconter vos données. Apprenez les palettes séquentielles, divergentes et catégorielles, l'accessibilité en dataviz, et les échelles de couleurs D3/Chart.js.