Energetic Goofball カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Energetic Goofball palette

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

Energetic Goofball カラー パレット PNG 画像

Download energetic goofball color palette PNG image (landscape)
Download energetic goofball color palette PNG image (square)

Energetic Goofball カラーパレット CSS

/* CSS */
.color-1 {
color: #77362c;
}
.color-2 {
color: #77402c;
}
.color-3 {
color: #77492c;
}
.color-4 {
color: #444635;
}
.color-5 {
color: #4d4238;
}

/* CSS Variables */
:root {
--color-1: #77362c;
 --color-2: #77402c;
 --color-3: #77492c;
 --color-4: #444635;
 --color-5: #4d4238;
 }

Energetic Goofball の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #77362c, #77402c, #77492c, #444635, #4d4238);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #77362c, #77402c, #77492c, #444635, #4d4238);
}

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

Energetic Goofball color palette created on .