Damp Wine カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Damp Wine palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Damp Wine カラーパレット (PNG) をダウンロード

Download damp wine color palette PNG image (landscape)
Download damp wine color palette PNG image (square)

Damp Wine カラーパレット CSS

/* CSS */
.color-1 {
color: #5f2b3d;
}
.color-2 {
color: #8c4a5c;
}
.color-3 {
color: #c16c7b;
}
.color-4 {
color: #f4a69f;
}
.color-5 {
color: #f9d2c8;
}

/* CSS Variables */
:root {
--color-1: #5f2b3d;
 --color-2: #8c4a5c;
 --color-3: #c16c7b;
 --color-4: #f4a69f;
 --color-5: #f9d2c8;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5f2b3d, #8c4a5c, #c16c7b, #f4a69f, #f9d2c8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5f2b3d, #8c4a5c, #c16c7b, #f4a69f, #f9d2c8);
}

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

Damp Wine color palette created on .