Fiv Nite Feddy カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Fiv Nite Feddy palette

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

Fiv Nite Feddy カラー パレット PNG 画像

Download fiv nite feddy color palette PNG image (landscape)
Download fiv nite feddy color palette PNG image (square)

Fiv Nite Feddy カラーパレット CSS

/* CSS */
.color-1 {
color: #c38cde;
}
.color-2 {
color: #c06dab;
}
.color-3 {
color: #c25182;
}
.color-4 {
color: #bf3656;
}
.color-5 {
color: #c11524;
}

/* CSS Variables */
:root {
--color-1: #c38cde;
 --color-2: #c06dab;
 --color-3: #c25182;
 --color-4: #bf3656;
 --color-5: #c11524;
 }

Fiv Nite Feddy の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c38cde, #c06dab, #c25182, #bf3656, #c11524);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c38cde, #c06dab, #c25182, #bf3656, #c11524);
}

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

Fiv Nite Feddy color palette created on .