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 .