Shadow Beast カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Shadow Beast palette

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

Shadow Beast カラー パレット PNG 画像

Download shadow beast color palette PNG image (landscape)
Download shadow beast color palette PNG image (square)

Shadow Beast カラーパレット CSS

/* CSS */
.color-1 {
color: #1d192e;
}
.color-2 {
color: #3f3b5e;
}
.color-3 {
color: #6b5f8c;
}
.color-4 {
color: #a9709e;
}
.color-5 {
color: #d84f7f;
}

/* CSS Variables */
:root {
--color-1: #1d192e;
 --color-2: #3f3b5e;
 --color-3: #6b5f8c;
 --color-4: #a9709e;
 --color-5: #d84f7f;
 }

Shadow Beast の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1d192e, #3f3b5e, #6b5f8c, #a9709e, #d84f7f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1d192e, #3f3b5e, #6b5f8c, #a9709e, #d84f7f);
}

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

Shadow Beast color palette created on .