Loading...

Goob's Garden Delight カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Goob's Garden Delight palette

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

Goob's Garden Delight カラーパレット (PNG) をダウンロード

Download goob's garden delight color palette PNG image (landscape)
Download goob's garden delight color palette PNG image (square)

Goob's Garden Delight カラーパレット CSS

/* CSS */
.color-1 {
color: #f6b83c;
}
.color-2 {
color: #f1e9a2;
}
.color-3 {
color: #95d2df;
}
.color-4 {
color: #6a9a99;
}
.color-5 {
color: #e76e50;
}

/* CSS Variables */
:root {
--color-1: #f6b83c;
 --color-2: #f1e9a2;
 --color-3: #95d2df;
 --color-4: #6a9a99;
 --color-5: #e76e50;
 }

Goob's Garden Delight の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f6b83c, #f1e9a2, #95d2df, #6a9a99, #e76e50);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f6b83c, #f1e9a2, #95d2df, #6a9a99, #e76e50);
}

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

Goob's Garden Delight color palette created on .