Ghost Doll カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Ghost Doll palette

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

Ghost Doll カラー パレット PNG 画像

Download ghost doll color palette PNG image (landscape)
Download ghost doll color palette PNG image (square)

Ghost Doll カラーパレット CSS

/* CSS */
.color-1 {
color: #f3f2f1;
}
.color-2 {
color: #d5c8d1;
}
.color-3 {
color: #b1a6c9;
}
.color-4 {
color: #906f9f;
}
.color-5 {
color: #4e4b6c;
}

/* CSS Variables */
:root {
--color-1: #f3f2f1;
 --color-2: #d5c8d1;
 --color-3: #b1a6c9;
 --color-4: #906f9f;
 --color-5: #4e4b6c;
 }

Ghost Doll の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f3f2f1, #d5c8d1, #b1a6c9, #906f9f, #4e4b6c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f3f2f1, #d5c8d1, #b1a6c9, #906f9f, #4e4b6c);
}

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

Ghost Doll color palette created on .