God of Music カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with God of Music palette

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

God of Music カラー パレット PNG 画像

Download god of music color palette PNG image (landscape)
Download god of music color palette PNG image (square)

God of Music カラーパレット CSS

/* CSS */
.color-1 {
color: #808dc2;
}
.color-2 {
color: #b7bcd7;
}
.color-3 {
color: #d8eee6;
}
.color-4 {
color: #fcf4ca;
}
.color-5 {
color: #fedbd7;
}

/* CSS Variables */
:root {
--color-1: #808dc2;
 --color-2: #b7bcd7;
 --color-3: #d8eee6;
 --color-4: #fcf4ca;
 --color-5: #fedbd7;
 }

God of Music の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #808dc2, #b7bcd7, #d8eee6, #fcf4ca, #fedbd7);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #808dc2, #b7bcd7, #d8eee6, #fcf4ca, #fedbd7);
}

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

God of Music color palette created on .