Steam Vintage カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Steam Vintage palette

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

Steam Vintage カラー パレット PNG 画像

Download steam vintage color palette PNG image (landscape)
Download steam vintage color palette PNG image (square)

Steam Vintage カラーパレット CSS

/* CSS */
.color-1 {
color: #6f4c3e;
}
.color-2 {
color: #a86e4d;
}
.color-3 {
color: #c2b180;
}
.color-4 {
color: #e2c7b1;
}
.color-5 {
color: #f5e5d1;
}

/* CSS Variables */
:root {
--color-1: #6f4c3e;
 --color-2: #a86e4d;
 --color-3: #c2b180;
 --color-4: #e2c7b1;
 --color-5: #f5e5d1;
 }

Steam Vintage の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6f4c3e, #a86e4d, #c2b180, #e2c7b1, #f5e5d1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6f4c3e, #a86e4d, #c2b180, #e2c7b1, #f5e5d1);
}

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

Steam Vintage color palette created on .