Moody Zombie カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Moody Zombie palette

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

Moody Zombie カラー パレット PNG 画像

Download moody zombie color palette PNG image (landscape)
Download moody zombie color palette PNG image (square)

Moody Zombie カラーパレット CSS

/* CSS */
.color-1 {
color: #5b6d7b;
}
.color-2 {
color: #8c9fb1;
}
.color-3 {
color: #a1c3d4;
}
.color-4 {
color: #e2e9e6;
}
.color-5 {
color: #f6cac6;
}

/* CSS Variables */
:root {
--color-1: #5b6d7b;
 --color-2: #8c9fb1;
 --color-3: #a1c3d4;
 --color-4: #e2e9e6;
 --color-5: #f6cac6;
 }

Moody Zombie の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5b6d7b, #8c9fb1, #a1c3d4, #e2e9e6, #f6cac6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5b6d7b, #8c9fb1, #a1c3d4, #e2e9e6, #f6cac6);
}

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

Moody Zombie color palette created on .