Hawaiian Zombie カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Hawaiian Zombie palette

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

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

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

Hawaiian Zombie カラーパレット CSS

/* CSS */
.color-1 {
color: #1c8d8b;
}
.color-2 {
color: #ef4d5d;
}
.color-3 {
color: #ffcd38;
}
.color-4 {
color: #6a4e8d;
}
.color-5 {
color: #4da8a3;
}

/* CSS Variables */
:root {
--color-1: #1c8d8b;
 --color-2: #ef4d5d;
 --color-3: #ffcd38;
 --color-4: #6a4e8d;
 --color-5: #4da8a3;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1c8d8b, #ef4d5d, #ffcd38, #6a4e8d, #4da8a3);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1c8d8b, #ef4d5d, #ffcd38, #6a4e8d, #4da8a3);
}

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

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

Hawaiian Zombie color palette created on .