French Mafia カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with French Mafia palette

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

French Mafia カラー パレット PNG 画像

Download french mafia color palette PNG image (landscape)
Download french mafia color palette PNG image (square)

French Mafia カラーパレット CSS

/* CSS */
.color-1 {
color: #2d2b3b;
}
.color-2 {
color: #493c4e;
}
.color-3 {
color: #7b6c89;
}
.color-4 {
color: #b7a1ba;
}
.color-5 {
color: #f1dfe5;
}

/* CSS Variables */
:root {
--color-1: #2d2b3b;
 --color-2: #493c4e;
 --color-3: #7b6c89;
 --color-4: #b7a1ba;
 --color-5: #f1dfe5;
 }

French Mafia の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #2d2b3b, #493c4e, #7b6c89, #b7a1ba, #f1dfe5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #2d2b3b, #493c4e, #7b6c89, #b7a1ba, #f1dfe5);
}

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

French Mafia color palette created on .