Warm Green Vibes カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Warm Green Vibes palette

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

Warm Green Vibes カラー パレット PNG 画像

Download warm green vibes color palette PNG image (landscape)
Download warm green vibes color palette PNG image (square)

Warm Green Vibes カラーパレット CSS

/* CSS */
.color-1 {
color: #4cae4f;
}
.color-2 {
color: #8bc34b;
}
.color-3 {
color: #cbdc38;
}
.color-4 {
color: #ffec3d;
}
.color-5 {
color: #ff9900;
}

/* CSS Variables */
:root {
--color-1: #4cae4f;
 --color-2: #8bc34b;
 --color-3: #cbdc38;
 --color-4: #ffec3d;
 --color-5: #ff9900;
 }

Warm Green Vibes の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4cae4f, #8bc34b, #cbdc38, #ffec3d, #ff9900);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4cae4f, #8bc34b, #cbdc38, #ffec3d, #ff9900);
}

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

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

Warm Green Vibes color palette created on .