Red Zombie カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Red Zombie palette

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

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

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

Red Zombie カラーパレット CSS

/* CSS */
.color-1 {
color: #d63f2e;
}
.color-2 {
color: #b9382d;
}
.color-3 {
color: #7a2d29;
}
.color-4 {
color: #5e4a4e;
}
.color-5 {
color: #f1b341;
}

/* CSS Variables */
:root {
--color-1: #d63f2e;
 --color-2: #b9382d;
 --color-3: #7a2d29;
 --color-4: #5e4a4e;
 --color-5: #f1b341;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d63f2e, #b9382d, #7a2d29, #5e4a4e, #f1b341);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d63f2e, #b9382d, #7a2d29, #5e4a4e, #f1b341);
}

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

下にスクロールして3個の赤カラーパレットを探索しましょう

Red Zombie color palette created on .