Qu'est-ce que Generateur de syntaxe de couleur relative CSS ?
La syntaxe de couleur relative CSS permet de partir d'une couleur existante et de modifier ses canaux individuellement. En utilisant la syntaxe rgb(from color r g b / alpha) ou hsl(from color h s l / alpha), vous pouvez ajuster la luminosite, la saturation, l'alpha ou les canaux individuels. C'est plus puissant que color-mix() pour la manipulation precise des canaux.
Réponse rapide
La syntaxe de couleur relative CSS permet de creer une nouvelle couleur en ajustant les canaux individuels d'une couleur existante. C'est plus puissant que color-mix() pour la manipulation precise au niveau des canaux sans preprocesseur.
Last updated: 2026-06-11
Limites
- La compatibilité navigateur necessite Chrome 119+, Safari 16.4+ et Firefox 128+. Les navigateurs plus anciens ignoreront entierement la declaration.
- La syntaxe varie legerement selon l'espace colorimetrique. Tous les canaux ne sont pas disponibles dans chaque espace colorimetrique, et les plages de valeurs des canaux diffèrent.
- Les expressions de couleur relative imbriquees complexes peuvent nuire a la lisibilite. Utilisez une propriete personnalisee CSS pour la couleur de base afin de garder les declarations propres.
Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub
Comment utiliser cet outil
- Saisissez une couleur de base au format hex, RGB ou HSL.
- Choisissez l'espace colorimetrique de sortie et les ajustements de canaux.
- L'outil genere la syntaxe de couleur relative CSS.
- Copiez la declaration dans votre feuille de style.
A quoi il sert
- Creer des variantes semi-transparentes d'une couleur de marque.
- Generer une teinte plus claire ou plus foncee en ajustant le canal de luminosite.
- Augmenter ou reduire la saturation pour les etats de survol et actifs.