Swinging Sixties Fiesta カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Swinging Sixties Fiesta palette

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

Swinging Sixties Fiesta カラー パレット PNG 画像

Download swinging sixties fiesta color palette PNG image (landscape)
Download swinging sixties fiesta color palette PNG image (square)

Swinging Sixties Fiesta カラーパレット CSS

/* CSS */
.color-1 {
color: #f7c750;
}
.color-2 {
color: #f09d38;
}
.color-3 {
color: #e86a2c;
}
.color-4 {
color: #d84841;
}
.color-5 {
color: #aa2c5a;
}

/* CSS Variables */
:root {
--color-1: #f7c750;
 --color-2: #f09d38;
 --color-3: #e86a2c;
 --color-4: #d84841;
 --color-5: #aa2c5a;
 }

Swinging Sixties Fiesta の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7c750, #f09d38, #e86a2c, #d84841, #aa2c5a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7c750, #f09d38, #e86a2c, #d84841, #aa2c5a);
}

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

Swinging Sixties Fiesta color palette created on .