メンヘラ カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with メンヘラ palette

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

メンヘラ カラー パレット PNG 画像

Download メンヘラ color palette PNG image (landscape)
Download メンヘラ color palette PNG image (square)

メンヘラ カラーパレット CSS

/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #ff9966;
}
.color-3 {
color: #ffc29e;
}
.color-4 {
color: #690571;
}
.color-5 {
color: #390ca1;
}

/* CSS Variables */
:root {
--color-1: #ff6e61;
 --color-2: #ff9966;
 --color-3: #ffc29e;
 --color-4: #690571;
 --color-5: #390ca1;
 }

メンヘラ の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #ff9966, #ffc29e, #690571, #390ca1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #ff9966, #ffc29e, #690571, #390ca1);
}

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

メンヘラ color palette created on .