Glistening Blush カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Glistening Blush palette

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

Glistening Blush カラー パレット PNG 画像

Download glistening blush color palette PNG image (landscape)
Download glistening blush color palette PNG image (square)

Glistening Blush カラーパレット CSS

/* CSS */
.color-1 {
color: #f7c5d5;
}
.color-2 {
color: #f2a6c8;
}
.color-3 {
color: #e6799c;
}
.color-4 {
color: #d95e8f;
}
.color-5 {
color: #b83d6c;
}

/* CSS Variables */
:root {
--color-1: #f7c5d5;
 --color-2: #f2a6c8;
 --color-3: #e6799c;
 --color-4: #d95e8f;
 --color-5: #b83d6c;
 }

Glistening Blush の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7c5d5, #f2a6c8, #e6799c, #d95e8f, #b83d6c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7c5d5, #f2a6c8, #e6799c, #d95e8f, #b83d6c);
}

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

Glistening Blush color palette created on .