Sable Lacroix カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Sable Lacroix palette

このパレットを共有する先：

Sable Lacroix カラー パレット PNG 画像

Download sable lacroix color palette PNG image (landscape)
Download sable lacroix color palette PNG image (square)

Sable Lacroix カラーパレット CSS

/* CSS */
.color-1 {
color: #2d2433;
}
.color-2 {
color: #483c46;
}
.color-3 {
color: #7e6d76;
}
.color-4 {
color: #a3959d;
}
.color-5 {
color: #c4babf;
}

/* CSS Variables */
:root {
--color-1: #2d2433;
 --color-2: #483c46;
 --color-3: #7e6d76;
 --color-4: #a3959d;
 --color-5: #c4babf;
 }

Sable Lacroix の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #2d2433, #483c46, #7e6d76, #a3959d, #c4babf);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #2d2433, #483c46, #7e6d76, #a3959d, #c4babf);
}

似たようなカラーパレット

Sable Lacroix color palette created on .