Nefera カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Nefera palette

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

Nefera カラー パレット PNG 画像

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

Nefera カラーパレット CSS

/* CSS */
.color-1 {
color: #502d5d;
}
.color-2 {
color: #7a4b8b;
}
.color-3 {
color: #a16da2;
}
.color-4 {
color: #d1a8ca;
}
.color-5 {
color: #f3d8eb;
}

/* CSS Variables */
:root {
--color-1: #502d5d;
 --color-2: #7a4b8b;
 --color-3: #a16da2;
 --color-4: #d1a8ca;
 --color-5: #f3d8eb;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #502d5d, #7a4b8b, #a16da2, #d1a8ca, #f3d8eb);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #502d5d, #7a4b8b, #a16da2, #d1a8ca, #f3d8eb);
}

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

Nefera color palette created on .