Necrozma カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Necrozma palette

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

Necrozma カラーパレット (PNG) をダウンロード

Download necrozma color palette PNG image (landscape)
Download necrozma color palette PNG image (square)

Necrozma カラーパレット CSS

/* CSS */
.color-1 {
color: #131753;
}
.color-2 {
color: #321f70;
}
.color-3 {
color: #6545a1;
}
.color-4 {
color: #b7945c;
}
.color-5 {
color: #e6b841;
}

/* CSS Variables */
:root {
--color-1: #131753;
 --color-2: #321f70;
 --color-3: #6545a1;
 --color-4: #b7945c;
 --color-5: #e6b841;
 }

Necrozma の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #131753, #321f70, #6545a1, #b7945c, #e6b841);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #131753, #321f70, #6545a1, #b7945c, #e6b841);
}

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

Necrozma color palette created on .