Late 60s Hippie カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Late 60s Hippie palette

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

Late 60s Hippie カラー パレット PNG 画像

Download late 60s hippie color palette PNG image (landscape)
Download late 60s hippie color palette PNG image (square)

Late 60s Hippie カラーパレット CSS

/* CSS */
.color-1 {
color: #ff6d1f;
}
.color-2 {
color: #fbbf18;
}
.color-3 {
color: #e94e77;
}
.color-4 {
color: #4d8af5;
}
.color-5 {
color: #a3d55d;
}

/* CSS Variables */
:root {
--color-1: #ff6d1f;
 --color-2: #fbbf18;
 --color-3: #e94e77;
 --color-4: #4d8af5;
 --color-5: #a3d55d;
 }

Late 60s Hippie の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6d1f, #fbbf18, #e94e77, #4d8af5, #a3d55d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6d1f, #fbbf18, #e94e77, #4d8af5, #a3d55d);
}

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

Late 60s Hippie color palette created on .