Chrysanthemums カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Chrysanthemums palette

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

Chrysanthemums カラー パレット PNG 画像

Download chrysanthemums color palette PNG image (landscape)
Download chrysanthemums color palette PNG image (square)

Chrysanthemums カラーパレット CSS

/* CSS */
.color-1 {
color: #fbe7c6;
}
.color-2 {
color: #f2d4b1;
}
.color-3 {
color: #ebbda3;
}
.color-4 {
color: #d4a5b8;
}
.color-5 {
color: #e6deed;
}

/* CSS Variables */
:root {
--color-1: #fbe7c6;
 --color-2: #f2d4b1;
 --color-3: #ebbda3;
 --color-4: #d4a5b8;
 --color-5: #e6deed;
 }

Chrysanthemums の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #fbe7c6, #f2d4b1, #ebbda3, #d4a5b8, #e6deed);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #fbe7c6, #f2d4b1, #ebbda3, #d4a5b8, #e6deed);
}

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

Chrysanthemums color palette created on .