Purple Zombie カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Purple Zombie palette

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

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

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

Purple Zombie カラーパレット CSS

/* CSS */
.color-1 {
color: #6b3f8d;
}
.color-2 {
color: #9f69b5;
}
.color-3 {
color: #d7a3e0;
}
.color-4 {
color: #f1b1d1;
}
.color-5 {
color: #ff7092;
}

/* CSS Variables */
:root {
--color-1: #6b3f8d;
 --color-2: #9f69b5;
 --color-3: #d7a3e0;
 --color-4: #f1b1d1;
 --color-5: #ff7092;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6b3f8d, #9f69b5, #d7a3e0, #f1b1d1, #ff7092);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6b3f8d, #9f69b5, #d7a3e0, #f1b1d1, #ff7092);
}

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

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

Purple Zombie color palette created on .