Midnight Starlight Glitter カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Midnight Starlight Glitter palette

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

Midnight Starlight Glitter カラー パレット PNG 画像

Download midnight starlight glitter color palette PNG image (landscape)
Download midnight starlight glitter color palette PNG image (square)

Midnight Starlight Glitter カラーパレット CSS

/* CSS */
.color-1 {
color: #1b2a6f;
}
.color-2 {
color: #494e83;
}
.color-3 {
color: #808da8;
}
.color-4 {
color: #b1c5e2;
}
.color-5 {
color: #f6e4f2;
}

/* CSS Variables */
:root {
--color-1: #1b2a6f;
 --color-2: #494e83;
 --color-3: #808da8;
 --color-4: #b1c5e2;
 --color-5: #f6e4f2;
 }

Midnight Starlight Glitter の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1b2a6f, #494e83, #808da8, #b1c5e2, #f6e4f2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1b2a6f, #494e83, #808da8, #b1c5e2, #f6e4f2);
}

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

Midnight Starlight Glitter color palette created on .