Hippie Harmony カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Hippie Harmony palette

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

Hippie Harmony カラー パレット PNG 画像

Download hippie harmony color palette PNG image (landscape)
Download hippie harmony color palette PNG image (square)

Hippie Harmony カラーパレット CSS

/* CSS */
.color-1 {
color: #4e8c4a;
}
.color-2 {
color: #a4c6b6;
}
.color-3 {
color: #e6e4b3;
}
.color-4 {
color: #f4b943;
}
.color-5 {
color: #d86d3b;
}

/* CSS Variables */
:root {
--color-1: #4e8c4a;
 --color-2: #a4c6b6;
 --color-3: #e6e4b3;
 --color-4: #f4b943;
 --color-5: #d86d3b;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4e8c4a, #a4c6b6, #e6e4b3, #f4b943, #d86d3b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4e8c4a, #a4c6b6, #e6e4b3, #f4b943, #d86d3b);
}

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

下にスクロールして4個の緑カラーパレットを探索しましょう

Hippie Harmony color palette created on .