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 .