Generative colors with CSS | Go Make Things
▻https://gomakethings.com/articles/generative-colors-with-css
▻https://developer.mozilla.org/fr/docs/Web/CSS/Reference/Values/color_value/oklch
▻https://caniuse.com/?search=oklch
Transformation relative d’une couleur existante en changeant la luminosité, le hue, etc. Cela permet de faire des variantes de couleur très facilement, et donc d’avoir une palette complète pour un site, uniquement à partir de 2 ou 3 couleurs de base.
Cette fonction (encore qu’à 91% now) évite le pré-calcul en PHP des composantes de la couleur, pour pouvoir en faire des variantes ensuite. Actuellement dans SPIP, le plugin CSS Var (▻https://git.spip.net/spip-contrib-extensions/cssvar) fait ça automatiquement dès qu’il trouve une variable de couleur hexadécimale :
▻https://git.spip.net/spip-contrib-extensions/cssvar/-/blob/master/cssvar_pipelines.php?ref_type=heads#L78
Et donc cette fonction permet de faire exactement pareil mais en natif.
#intégration #web #CSS #couleur #thème