Malice Mizer カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Malice Mizer palette

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

Malice Mizer カラーパレット (PNG) をダウンロード

Download malice mizer color palette PNG image (landscape)
Download malice mizer color palette PNG image (square)

Malice Mizer カラーパレット CSS

/* CSS */
.color-1 {
color: #3a2d4d;
}
.color-2 {
color: #6b4f7d;
}
.color-3 {
color: #8f7c9c;
}
.color-4 {
color: #d2a2c5;
}
.color-5 {
color: #f5c2ce;
}

/* CSS Variables */
:root {
--color-1: #3a2d4d;
 --color-2: #6b4f7d;
 --color-3: #8f7c9c;
 --color-4: #d2a2c5;
 --color-5: #f5c2ce;
 }

Malice Mizer の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3a2d4d, #6b4f7d, #8f7c9c, #d2a2c5, #f5c2ce);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3a2d4d, #6b4f7d, #8f7c9c, #d2a2c5, #f5c2ce);
}

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

Malice Mizer color palette created on .