Cet article est la première partie d'un guide pratique sur l'utilisation des couleurs modernes en CSS, écrit par Kevin Powell. Il se concentre sur les nouvelles fonctionnalités et syntaxes introduites dans CSS pour la gestion des couleurs, rendant le travail des développeurs plus simple et plus puissant. L'article commence par expliquer les nouvelles façons de déclarer les couleurs, notamment avec les fonctions rgb() et hsl(), qui peuvent maintenant inclure des valeurs alpha directement sans avoir besoin de fonctions séparées comme rgba() ou hsla(). Il introduit également un nouveau syntaxe utilisant des espaces plutôt que des virgules pour séparer les valeurs, ce qui est plus lisible et plus cohérent avec les nouvelles fonctionnalités CSS. Une des innovations les plus intéressantes est l'introduction des couleurs relatives, qui permettent de créer de nouvelles couleurs basées sur des couleurs existantes. Cela est particulièrement utile pour créer des variations de couleurs, comme des versions plus claires ou plus sombres, directement dans le CSS. L'article aborde également la fonction light-dark(), qui simplifie la gestion des thèmes clairs et sombres en permettant de spécifier des couleurs pour les deux thèmes en une seule déclaration. Enfin, il explore les espaces colorimétriques, qui permettent de spécifier comment les couleurs sont interpolées dans les dégradés, offrant ainsi un meilleur contrôle sur l'apparence visuelle des transitions de couleurs.