color.adjust() / color.mix()

Definition

Fonctions du module sass:color pour manipuler les couleurs : ajuster la luminosite, saturation, teinte, ou melanger deux couleurs avec un ratio.

Analogie

Un peintre qui eclaircit, assombrit ou melange ses couleurs sur sa palette.

Exemple de code

@use 'sass:color';

$base: #3498db;
$lighter: color.adjust($base, $lightness: 15%);
$darker: color.scale($base, $lightness: -30%);
$blend: color.mix($base, white, 80%);

Cas d'usage

Generer des palettes de couleurs derivees automatiquement a partir d'une couleur de base.

Termes lies