Madam Bessmert カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Madam Bessmert palette

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

Madam Bessmert カラー パレット PNG 画像

Download madam bessmert color palette PNG image (landscape)
Download madam bessmert color palette PNG image (square)

Madam Bessmert カラーパレット CSS

/* CSS */
.color-1 {
color: #94799a;
}
.color-2 {
color: #a797c3;
}
.color-3 {
color: #b9aed0;
}
.color-4 {
color: #b9bac6;
}
.color-5 {
color: #979291;
}

/* CSS Variables */
:root {
--color-1: #94799a;
 --color-2: #a797c3;
 --color-3: #b9aed0;
 --color-4: #b9bac6;
 --color-5: #979291;
 }

Madam Bessmert の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #94799a, #a797c3, #b9aed0, #b9bac6, #979291);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #94799a, #a797c3, #b9aed0, #b9bac6, #979291);
}

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

Madam Bessmert color palette created on .