Midnight Sunburst カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Midnight Sunburst palette

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

Midnight Sunburst カラー パレット PNG 画像

Download midnight sunburst color palette PNG image (landscape)
Download midnight sunburst color palette PNG image (square)

Midnight Sunburst カラーパレット CSS

/* CSS */
.color-1 {
color: #0073a8;
}
.color-2 {
color: #005b85;
}
.color-3 {
color: #f1c40e;
}
.color-4 {
color: #f8e8a0;
}
.color-5 {
color: #d6c938;
}

/* CSS Variables */
:root {
--color-1: #0073a8;
 --color-2: #005b85;
 --color-3: #f1c40e;
 --color-4: #f8e8a0;
 --color-5: #d6c938;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #0073a8, #005b85, #f1c40e, #f8e8a0, #d6c938);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #0073a8, #005b85, #f1c40e, #f8e8a0, #d6c938);
}

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

Midnight Sunburst color palette created on .