Vinestaff カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Vinestaff palette

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

Vinestaff カラー パレット PNG 画像

Download vinestaff color palette PNG image (landscape)
Download vinestaff color palette PNG image (square)

Vinestaff カラーパレット CSS

/* CSS */
.color-1 {
color: #4a2c6d;
}
.color-2 {
color: #70508b;
}
.color-3 {
color: #a77b9d;
}
.color-4 {
color: #d8a15a;
}
.color-5 {
color: #e8493b;
}

/* CSS Variables */
:root {
--color-1: #4a2c6d;
 --color-2: #70508b;
 --color-3: #a77b9d;
 --color-4: #d8a15a;
 --color-5: #e8493b;
 }

Vinestaff の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4a2c6d, #70508b, #a77b9d, #d8a15a, #e8493b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4a2c6d, #70508b, #a77b9d, #d8a15a, #e8493b);
}

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

Vinestaff color palette created on .