Happy Boho Hippy カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Happy Boho Hippy palette

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

Happy Boho Hippy カラー パレット PNG 画像

Download happy boho hippy color palette PNG image (landscape)
Download happy boho hippy color palette PNG image (square)

Happy Boho Hippy カラーパレット CSS

/* CSS */
.color-1 {
color: #ffb84d;
}
.color-2 {
color: #ffad42;
}
.color-3 {
color: #ff9100;
}
.color-4 {
color: #ff6e00;
}
.color-5 {
color: #ff3c00;
}

/* CSS Variables */
:root {
--color-1: #ffb84d;
 --color-2: #ffad42;
 --color-3: #ff9100;
 --color-4: #ff6e00;
 --color-5: #ff3c00;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffb84d, #ffad42, #ff9100, #ff6e00, #ff3c00);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffb84d, #ffad42, #ff9100, #ff6e00, #ff3c00);
}

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

Happy Boho Hippy color palette created on .