Wine and Flannel カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Wine and Flannel palette

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

Wine and Flannel カラー パレット PNG 画像

Download wine and flannel color palette PNG image (landscape)
Download wine and flannel color palette PNG image (square)

Wine and Flannel カラーパレット CSS

/* CSS */
.color-1 {
color: #7a2a3e;
}
.color-2 {
color: #9a4c56;
}
.color-3 {
color: #b5737f;
}
.color-4 {
color: #e5b3c1;
}
.color-5 {
color: #f5d7d1;
}

/* CSS Variables */
:root {
--color-1: #7a2a3e;
 --color-2: #9a4c56;
 --color-3: #b5737f;
 --color-4: #e5b3c1;
 --color-5: #f5d7d1;
 }

Wine and Flannel の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #7a2a3e, #9a4c56, #b5737f, #e5b3c1, #f5d7d1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #7a2a3e, #9a4c56, #b5737f, #e5b3c1, #f5d7d1);
}

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

Wine and Flannel color palette created on .