Vino Tinto カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Vino Tinto palette

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

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

Download vino tinto color palette PNG image (landscape)
Download vino tinto color palette PNG image (square)

Vino Tinto カラーパレット CSS

/* CSS */
.color-1 {
color: #682c37;
}
.color-2 {
color: #a45b68;
}
.color-3 {
color: #d29e6a;
}
.color-4 {
color: #f6e7b1;
}
.color-5 {
color: #4d7b89;
}

/* CSS Variables */
:root {
--color-1: #682c37;
 --color-2: #a45b68;
 --color-3: #d29e6a;
 --color-4: #f6e7b1;
 --color-5: #4d7b89;
 }

Vino Tinto の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #682c37, #a45b68, #d29e6a, #f6e7b1, #4d7b89);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #682c37, #a45b68, #d29e6a, #f6e7b1, #4d7b89);
}

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

Vino Tinto color palette created on .