Vintage Orange カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Vintage Orange palette

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

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

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

Vintage Orange カラーパレット CSS

/* CSS */
.color-1 {
color: #f6bb3c;
}
.color-2 {
color: #f4a462;
}
.color-3 {
color: #2a9d90;
}
.color-4 {
color: #274754;
}
.color-5 {
color: #e76e50;
}

/* CSS Variables */
:root {
--color-1: #f6bb3c;
 --color-2: #f4a462;
 --color-3: #2a9d90;
 --color-4: #274754;
 --color-5: #e76e50;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f6bb3c, #f4a462, #2a9d90, #274754, #e76e50);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f6bb3c, #f4a462, #2a9d90, #274754, #e76e50);
}

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

下にスクロールして4個の70年代カラーパレットを探索しましょう

Vintage Orange color palette created on .