Memory of Pain カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Memory of Pain palette

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

Memory of Pain カラー パレット PNG 画像

Download memory of pain color palette PNG image (landscape)
Download memory of pain color palette PNG image (square)

Memory of Pain カラーパレット CSS

/* CSS */
.color-1 {
color: #5a2a2b;
}
.color-2 {
color: #b05e64;
}
.color-3 {
color: #e0b8a3;
}
.color-4 {
color: #f3d5b4;
}
.color-5 {
color: #f9e4d7;
}

/* CSS Variables */
:root {
--color-1: #5a2a2b;
 --color-2: #b05e64;
 --color-3: #e0b8a3;
 --color-4: #f3d5b4;
 --color-5: #f9e4d7;
 }

Memory of Pain の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5a2a2b, #b05e64, #e0b8a3, #f3d5b4, #f9e4d7);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5a2a2b, #b05e64, #e0b8a3, #f3d5b4, #f9e4d7);
}

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

Memory of Pain color palette created on .