Forest Hippie Flagger カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Forest Hippie Flagger palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
Forest Hippie Flagger カラーパレット (PNG) をダウンロード
Forest Hippie Flagger カラーパレット CSS
/* CSS */
.color-1 {
color: #4c9e5b;
}
.color-2 {
color: #69bf8a;
}
.color-3 {
color: #8fd1a7;
}
.color-4 {
color: #b7e6b8;
}
.color-5 {
color: #eff9e7;
}
/* CSS Variables */
:root {
--color-1: #4c9e5b;
--color-2: #69bf8a;
--color-3: #8fd1a7;
--color-4: #b7e6b8;
--color-5: #eff9e7;
}
Forest Hippie Flagger の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4c9e5b, #69bf8a, #8fd1a7, #b7e6b8, #eff9e7);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4c9e5b, #69bf8a, #8fd1a7, #b7e6b8, #eff9e7);
}
似たようなカラーパレット
Forest Hippie Flagger color palette created on .