Malfoy Manor カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Malfoy Manor palette

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

Malfoy Manor カラー パレット PNG 画像

Download malfoy manor color palette PNG image (landscape)
Download malfoy manor color palette PNG image (square)

Malfoy Manor カラーパレット CSS

/* CSS */
.color-1 {
color: #d4d4d4;
}
.color-2 {
color: #a8a8a8;
}
.color-3 {
color: #696969;
}
.color-4 {
color: #4a4a4a;
}
.color-5 {
color: #1c1c1c;
}

/* CSS Variables */
:root {
--color-1: #d4d4d4;
 --color-2: #a8a8a8;
 --color-3: #696969;
 --color-4: #4a4a4a;
 --color-5: #1c1c1c;
 }

Malfoy Manor の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d4d4d4, #a8a8a8, #696969, #4a4a4a, #1c1c1c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d4d4d4, #a8a8a8, #696969, #4a4a4a, #1c1c1c);
}

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

Malfoy Manor color palette created on .