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 .