Valhalla Inspired カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Valhalla Inspired palette

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

Valhalla Inspired カラー パレット PNG 画像

Download valhalla inspired color palette PNG image (landscape)
Download valhalla inspired color palette PNG image (square)

Valhalla Inspired カラーパレット CSS

/* CSS */
.color-1 {
color: #2a184e;
}
.color-2 {
color: #503c72;
}
.color-3 {
color: #7d6991;
}
.color-4 {
color: #baaf6d;
}
.color-5 {
color: #e6a84c;
}

/* CSS Variables */
:root {
--color-1: #2a184e;
 --color-2: #503c72;
 --color-3: #7d6991;
 --color-4: #baaf6d;
 --color-5: #e6a84c;
 }

Valhalla Inspired の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #2a184e, #503c72, #7d6991, #baaf6d, #e6a84c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #2a184e, #503c72, #7d6991, #baaf6d, #e6a84c);
}

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

Valhalla Inspired color palette created on .