Alone in the Darkness カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Alone in the Darkness palette

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

Alone in the Darkness カラー パレット PNG 画像

Download alone in the darkness color palette PNG image (landscape)
Download alone in the darkness color palette PNG image (square)

Alone in the Darkness カラーパレット CSS

/* CSS */
.color-1 {
color: #1a1a2e;
}
.color-2 {
color: #15203c;
}
.color-3 {
color: #0f3461;
}
.color-4 {
color: #e9445f;
}
.color-5 {
color: #f9c54e;
}

/* CSS Variables */
:root {
--color-1: #1a1a2e;
 --color-2: #15203c;
 --color-3: #0f3461;
 --color-4: #e9445f;
 --color-5: #f9c54e;
 }

Alone in the Darkness の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1a1a2e, #15203c, #0f3461, #e9445f, #f9c54e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1a1a2e, #15203c, #0f3461, #e9445f, #f9c54e);
}

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

Alone in the Darkness color palette created on .