フランス カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with フランス palette

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

フランス カラー パレット PNG 画像

Download フランス color palette PNG image (landscape)
Download フランス color palette PNG image (square)

フランス カラーパレット CSS

/* CSS */
.color-1 {
color: #f0e0d1;
}
.color-2 {
color: #d7b7c7;
}
.color-3 {
color: #b66d8e;
}
.color-4 {
color: #a43d5d;
}
.color-5 {
color: #8d2a4a;
}

/* CSS Variables */
:root {
--color-1: #f0e0d1;
 --color-2: #d7b7c7;
 --color-3: #b66d8e;
 --color-4: #a43d5d;
 --color-5: #8d2a4a;
 }

フランス の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f0e0d1, #d7b7c7, #b66d8e, #a43d5d, #8d2a4a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f0e0d1, #d7b7c7, #b66d8e, #a43d5d, #8d2a4a);
}

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

フランス color palette created on .