Blushing Whispers カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Blushing Whispers palette

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

Blushing Whispers カラー パレット PNG 画像

Download blushing whispers color palette PNG image (landscape)
Download blushing whispers color palette PNG image (square)

Blushing Whispers カラーパレット CSS

/* CSS */
.color-1 {
color: #f7d9e5;
}
.color-2 {
color: #f1a7ca;
}
.color-3 {
color: #e76e91;
}
.color-4 {
color: #d45e70;
}
.color-5 {
color: #b92d4d;
}

/* CSS Variables */
:root {
--color-1: #f7d9e5;
 --color-2: #f1a7ca;
 --color-3: #e76e91;
 --color-4: #d45e70;
 --color-5: #b92d4d;
 }

Blushing Whispers の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7d9e5, #f1a7ca, #e76e91, #d45e70, #b92d4d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7d9e5, #f1a7ca, #e76e91, #d45e70, #b92d4d);
}

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

Blushing Whispers color palette created on .