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 .