Color Theory

Saturation

L'intensité ou la pureté d'une couleur, allant d'une teinte vive à un gris atténué.

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.

Essayez

Convertisseur de couleurs

Convertissez instantanément entre les formats de couleur HEX, RGB, HSL, HSV, CMYK et OKLCH.

Générateur de nuances

Générez des échelles de nuances style Tailwind CSS (50–950) à partir de n'importe quelle couleur de base pour les systèmes de design.

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.

CMJN pour les Web Designers : Quand l'Impression Rencontre l'Écran

Les web designers qui travaillent sur des projets d'impression doivent comprendre le CMJN. Découvrez les différences de gamme, les stratégies de conversion RGB vers CMJN, les workflows d'épreuvage et les pièges courants.

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.