Dusk Gloom カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dusk Gloom palette

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

Dusk Gloom カラー パレット PNG 画像

Download dusk gloom color palette PNG image (landscape)
Download dusk gloom color palette PNG image (square)

Dusk Gloom カラーパレット CSS

/* CSS */
.color-1 {
color: #4b3c5d;
}
.color-2 {
color: #7f6b8e;
}
.color-3 {
color: #aa9db8;
}
.color-4 {
color: #d1c7e1;
}
.color-5 {
color: #f5f2f8;
}

/* CSS Variables */
:root {
--color-1: #4b3c5d;
 --color-2: #7f6b8e;
 --color-3: #aa9db8;
 --color-4: #d1c7e1;
 --color-5: #f5f2f8;
 }

Dusk Gloom の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4b3c5d, #7f6b8e, #aa9db8, #d1c7e1, #f5f2f8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4b3c5d, #7f6b8e, #aa9db8, #d1c7e1, #f5f2f8);
}

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

Dusk Gloom color palette created on .