Cracked Doll カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cracked Doll palette

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

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

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

Cracked Doll カラーパレット CSS

/* CSS */
.color-1 {
color: #dec4d2;
}
.color-2 {
color: #d4aabc;
}
.color-3 {
color: #9e8bac;
}
.color-4 {
color: #766f95;
}
.color-5 {
color: #53556a;
}

/* CSS Variables */
:root {
--color-1: #dec4d2;
 --color-2: #d4aabc;
 --color-3: #9e8bac;
 --color-4: #766f95;
 --color-5: #53556a;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #dec4d2, #d4aabc, #9e8bac, #766f95, #53556a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #dec4d2, #d4aabc, #9e8bac, #766f95, #53556a);
}

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

Cracked Doll color palette created on .