Clumsy Deep Wine カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Clumsy Deep Wine palette

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

Clumsy Deep Wine カラー パレット PNG 画像

Download clumsy deep wine color palette PNG image (landscape)
Download clumsy deep wine color palette PNG image (square)

Clumsy Deep Wine カラーパレット CSS

/* CSS */
.color-1 {
color: #7a2e3b;
}
.color-2 {
color: #a04b5f;
}
.color-3 {
color: #c05d76;
}
.color-4 {
color: #e08f9c;
}
.color-5 {
color: #f0b2c2;
}

/* CSS Variables */
:root {
--color-1: #7a2e3b;
 --color-2: #a04b5f;
 --color-3: #c05d76;
 --color-4: #e08f9c;
 --color-5: #f0b2c2;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #7a2e3b, #a04b5f, #c05d76, #e08f9c, #f0b2c2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #7a2e3b, #a04b5f, #c05d76, #e08f9c, #f0b2c2);
}

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

Clumsy Deep Wine color palette created on .