Nun カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Nun palette

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

Nun カラー パレット PNG 画像

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

Nun カラーパレット CSS

/* CSS */
.color-1 {
color: #d0c5e7;
}
.color-2 {
color: #a79fc1;
}
.color-3 {
color: #704c9e;
}
.color-4 {
color: #4c2b91;
}
.color-5 {
color: #281967;
}

/* CSS Variables */
:root {
--color-1: #d0c5e7;
 --color-2: #a79fc1;
 --color-3: #704c9e;
 --color-4: #4c2b91;
 --color-5: #281967;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d0c5e7, #a79fc1, #704c9e, #4c2b91, #281967);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d0c5e7, #a79fc1, #704c9e, #4c2b91, #281967);
}

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

Nun color palette created on .