Purple Blush カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Purple Blush palette

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

Purple Blush カラーパレット (PNG) をダウンロード

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

Purple Blush カラーパレット CSS

/* CSS */
.color-1 {
color: #635077;
}
.color-2 {
color: #dda2b4;
}
.color-3 {
color: #a079a0;
}
.color-4 {
color: #292951;
}
.color-5 {
color: #f0c7b2;
}

/* CSS Variables */
:root {
--color-1: #635077;
 --color-2: #dda2b4;
 --color-3: #a079a0;
 --color-4: #292951;
 --color-5: #f0c7b2;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #635077, #dda2b4, #a079a0, #292951, #f0c7b2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #635077, #dda2b4, #a079a0, #292951, #f0c7b2);
}

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

Purple Blush color palette created on .