Wine and Dried Blood カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Wine and Dried Blood palette

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

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

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

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

Download wine and dried blood color palette PNG image (landscape)
Download wine and dried blood color palette PNG image (square)

Wine and Dried Blood カラーパレット CSS

/* CSS */
.color-1 {
color: #9c1c31;
}
.color-2 {
color: #c94e3b;
}
.color-3 {
color: #d78f7f;
}
.color-4 {
color: #b8866b;
}
.color-5 {
color: #6d2c2c;
}

/* CSS Variables */
:root {
--color-1: #9c1c31;
 --color-2: #c94e3b;
 --color-3: #d78f7f;
 --color-4: #b8866b;
 --color-5: #6d2c2c;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #9c1c31, #c94e3b, #d78f7f, #b8866b, #6d2c2c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #9c1c31, #c94e3b, #d78f7f, #b8866b, #6d2c2c);
}

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

Wine and Dried Blood color palette created on .