Loading...

Voodoo Doll カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Voodoo Doll palette

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

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

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

Voodoo Doll カラーパレット CSS

/* CSS */
.color-1 {
color: #5a5d63;
}
.color-2 {
color: #a35c8d;
}
.color-3 {
color: #f4a462;
}
.color-4 {
color: #d54e3f;
}
.color-5 {
color: #e9bea5;
}

/* CSS Variables */
:root {
--color-1: #5a5d63;
 --color-2: #a35c8d;
 --color-3: #f4a462;
 --color-4: #d54e3f;
 --color-5: #e9bea5;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5a5d63, #a35c8d, #f4a462, #d54e3f, #e9bea5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5a5d63, #a35c8d, #f4a462, #d54e3f, #e9bea5);
}

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

Voodoo Doll color palette created on .