Hippie Orange Dino カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Hippie Orange Dino palette

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

Hippie Orange Dino カラー パレット PNG 画像

Download hippie orange dino color palette PNG image (landscape)
Download hippie orange dino color palette PNG image (square)

Hippie Orange Dino カラーパレット CSS

/* CSS */
.color-1 {
color: #ff7142;
}
.color-2 {
color: #ffb442;
}
.color-3 {
color: #f8df3a;
}
.color-4 {
color: #a2df4e;
}
.color-5 {
color: #69c1f7;
}

/* CSS Variables */
:root {
--color-1: #ff7142;
 --color-2: #ffb442;
 --color-3: #f8df3a;
 --color-4: #a2df4e;
 --color-5: #69c1f7;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff7142, #ffb442, #f8df3a, #a2df4e, #69c1f7);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff7142, #ffb442, #f8df3a, #a2df4e, #69c1f7);
}

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

Hippie Orange Dino color palette created on .