L'article explore comment utiliser les valeurs de couleur relative en CSS pour thématiser et animer les graphismes SVG de façon élégante et systématique. Andy Clarke partage des techniques pratiques basées sur l’espace colorimétrique OKLCH pour définir une couleur de base (“foundation colour”) puis générer automatiquement toutes les variantes nécessaires — teintes, ombres, gradients — sans les recalculer manuellement, ce qui simplifie grandement le développement et l’animation des designs tout en améliorant leur cohérence visuelle.
L'article explique que OKLCH est un modèle de couleur conçu pour être perceptuellement uniforme, c’est-à-dire que les variations de ses valeurs (Lightness, Chroma, Hue) correspondent mieux à la façon dont les humains perçoivent les couleurs. Contrairement à des modèles comme RGB ou HSL, OKLCH permet de créer des palettes de couleurs cohérentes en luminosité et en intensité, même en changeant seulement la teinte ou la clarté. Il évite les déformations de couleur lors de la création de dégradés ou de nuances, et supporte une gamme de couleurs plus large que le sRGB, notamment sur les écrans modernes (Display-P3). Bien que compatible avec les navigateurs récents, il est conseillé de prévoir des alternatives pour les anciens navigateurs. Un outil comme oklch.fyi facilite la génération et la conversion de palettes OKLCH. Idéal pour les designers et développeurs cherchant plus de précision et de cohérence visuelle.
Un article très complet sur les formats de la Commission Internationale de l'Énergie (CIE) : il s'agit de trouver un système standard de représentation des couleurs qui se rapproche de la vision humaine
Un article explorant les applications des différentes avancées CSS : couleur, :has, détection des capacités, etc.
Tout est dans le titre
Un excellent article sur Oklch, une nouvelle syntaxe pour décrire une couleur en CSS - l'auteur explique l'intérêt de celle-ci relativement au gamut Display P3. C'est d'ores et déjà utilisable et le fallback n'est pas compliqué.