Cold Zombie カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cold Zombie palette

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

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

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

Cold Zombie カラーパレット CSS

/* CSS */
.color-1 {
color: #7b9c9d;
}
.color-2 {
color: #497b83;
}
.color-3 {
color: #3c585d;
}
.color-4 {
color: #2f4142;
}
.color-5 {
color: #1e282a;
}

/* CSS Variables */
:root {
--color-1: #7b9c9d;
 --color-2: #497b83;
 --color-3: #3c585d;
 --color-4: #2f4142;
 --color-5: #1e282a;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #7b9c9d, #497b83, #3c585d, #2f4142, #1e282a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #7b9c9d, #497b83, #3c585d, #2f4142, #1e282a);
}

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

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

Cold Zombie color palette created on .