Drippy Hippy カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Drippy Hippy palette

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

Drippy Hippy カラー パレット PNG 画像

Download drippy hippy color palette PNG image (landscape)
Download drippy hippy color palette PNG image (square)

Drippy Hippy カラーパレット CSS

/* CSS */
.color-1 {
color: #1d4e2a;
}
.color-2 {
color: #4cae4f;
}
.color-3 {
color: #a9dda2;
}
.color-4 {
color: #f4cf3e;
}
.color-5 {
color: #e74d3c;
}

/* CSS Variables */
:root {
--color-1: #1d4e2a;
 --color-2: #4cae4f;
 --color-3: #a9dda2;
 --color-4: #f4cf3e;
 --color-5: #e74d3c;
 }

Drippy Hippy の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1d4e2a, #4cae4f, #a9dda2, #f4cf3e, #e74d3c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1d4e2a, #4cae4f, #a9dda2, #f4cf3e, #e74d3c);
}

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

Drippy Hippy color palette created on .