Monochrome Halloween カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Monochrome Halloween palette

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

Monochrome Halloween カラー パレット PNG 画像

Download monochrome halloween color palette PNG image (landscape)
Download monochrome halloween color palette PNG image (square)

Monochrome Halloween カラーパレット CSS

/* CSS */
.color-1 {
color: #1a1a2e;
}
.color-2 {
color: #4e4e50;
}
.color-3 {
color: #6e6e77;
}
.color-4 {
color: #e9445f;
}
.color-5 {
color: #d9d9d9;
}

/* CSS Variables */
:root {
--color-1: #1a1a2e;
 --color-2: #4e4e50;
 --color-3: #6e6e77;
 --color-4: #e9445f;
 --color-5: #d9d9d9;
 }

Monochrome Halloween の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1a1a2e, #4e4e50, #6e6e77, #e9445f, #d9d9d9);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1a1a2e, #4e4e50, #6e6e77, #e9445f, #d9d9d9);
}

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

Monochrome Halloween color palette created on .