Groovy Garden Fiesta カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Groovy Garden Fiesta palette

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

Groovy Garden Fiesta カラーパレット (PNG) をダウンロード

Download groovy garden fiesta color palette PNG image (landscape)
Download groovy garden fiesta color palette PNG image (square)

Groovy Garden Fiesta カラーパレット CSS

/* CSS */
.color-1 {
color: #ffadc6;
}
.color-2 {
color: #ffcabd;
}
.color-3 {
color: #fde9c4;
}
.color-4 {
color: #8fdbb3;
}
.color-5 {
color: #7ec0f7;
}

/* CSS Variables */
:root {
--color-1: #ffadc6;
 --color-2: #ffcabd;
 --color-3: #fde9c4;
 --color-4: #8fdbb3;
 --color-5: #7ec0f7;
 }

Groovy Garden Fiesta の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffadc6, #ffcabd, #fde9c4, #8fdbb3, #7ec0f7);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffadc6, #ffcabd, #fde9c4, #8fdbb3, #7ec0f7);
}

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

Groovy Garden Fiesta color palette created on .