SUNNY'S NIGHTMARE カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with SUNNY'S NIGHTMARE palette

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

SUNNY'S NIGHTMARE カラー パレット PNG 画像

Download sunny's nightmare color palette PNG image (landscape)
Download sunny's nightmare color palette PNG image (square)

SUNNY'S NIGHTMARE カラーパレット CSS

/* CSS */
.color-1 {
color: #3f4f92;
}
.color-2 {
color: #36477c;
}
.color-3 {
color: #28346c;
}
.color-4 {
color: #202860;
}
.color-5 {
color: #090101;
}

/* CSS Variables */
:root {
--color-1: #3f4f92;
 --color-2: #36477c;
 --color-3: #28346c;
 --color-4: #202860;
 --color-5: #090101;
 }

SUNNY'S NIGHTMARE の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3f4f92, #36477c, #28346c, #202860, #090101);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3f4f92, #36477c, #28346c, #202860, #090101);
}

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

SUNNY'S NIGHTMARE color palette created on .