Moonlit Howl カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Moonlit Howl palette

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

Moonlit Howl カラー パレット PNG 画像

Download moonlit howl color palette PNG image (landscape)
Download moonlit howl color palette PNG image (square)

Moonlit Howl カラーパレット CSS

/* CSS */
.color-1 {
color: #4b3d2a;
}
.color-2 {
color: #7a5a4d;
}
.color-3 {
color: #b7794e;
}
.color-4 {
color: #e1a22d;
}
.color-5 {
color: #c33c3c;
}

/* CSS Variables */
:root {
--color-1: #4b3d2a;
 --color-2: #7a5a4d;
 --color-3: #b7794e;
 --color-4: #e1a22d;
 --color-5: #c33c3c;
 }

Moonlit Howl の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4b3d2a, #7a5a4d, #b7794e, #e1a22d, #c33c3c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4b3d2a, #7a5a4d, #b7794e, #e1a22d, #c33c3c);
}

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

Moonlit Howl color palette created on .