Hawaii Zombie カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Hawaii Zombie palette

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

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

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

Hawaii Zombie カラーパレット CSS

/* CSS */
.color-1 {
color: #1db8c3;
}
.color-2 {
color: #ff6e61;
}
.color-3 {
color: #ffcd29;
}
.color-4 {
color: #4a7c8c;
}
.color-5 {
color: #f54d79;
}

/* CSS Variables */
:root {
--color-1: #1db8c3;
 --color-2: #ff6e61;
 --color-3: #ffcd29;
 --color-4: #4a7c8c;
 --color-5: #f54d79;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1db8c3, #ff6e61, #ffcd29, #4a7c8c, #f54d79);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1db8c3, #ff6e61, #ffcd29, #4a7c8c, #f54d79);
}

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

下にスクロールして2個のハワイカラーパレットを探索しましょう

Hawaii Zombie color palette created on .