Malicious カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Malicious palette

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

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

Download malicious color palette PNG image (landscape)
Download malicious color palette PNG image (square)

Malicious カラーパレット CSS

/* CSS */
.color-1 {
color: #4a2b3d;
}
.color-2 {
color: #7b4c6f;
}
.color-3 {
color: #b46a8b;
}
.color-4 {
color: #f2b8a1;
}
.color-5 {
color: #f9e4c3;
}

/* CSS Variables */
:root {
--color-1: #4a2b3d;
 --color-2: #7b4c6f;
 --color-3: #b46a8b;
 --color-4: #f2b8a1;
 --color-5: #f9e4c3;
 }

Malicious の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4a2b3d, #7b4c6f, #b46a8b, #f2b8a1, #f9e4c3);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4a2b3d, #7b4c6f, #b46a8b, #f2b8a1, #f9e4c3);
}

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

Malicious color palette created on .