Flower Garden Hippie カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Flower Garden Hippie palette

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

Flower Garden Hippie カラー パレット PNG 画像

Download flower garden hippie color palette PNG image (landscape)
Download flower garden hippie color palette PNG image (square)

Flower Garden Hippie カラーパレット CSS

/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #6d9e6b;
}
.color-3 {
color: #ffb84d;
}
.color-4 {
color: #ffadad;
}
.color-5 {
color: #ffd9c2;
}

/* CSS Variables */
:root {
--color-1: #ff6e61;
 --color-2: #6d9e6b;
 --color-3: #ffb84d;
 --color-4: #ffadad;
 --color-5: #ffd9c2;
 }

Flower Garden Hippie の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #6d9e6b, #ffb84d, #ffadad, #ffd9c2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #6d9e6b, #ffb84d, #ffadad, #ffd9c2);
}

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

Flower Garden Hippie color palette created on .