Moonlit Hippie カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Moonlit Hippie palette

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

Moonlit Hippie カラー パレット PNG 画像

Download moonlit hippie color palette PNG image (landscape)
Download moonlit hippie color palette PNG image (square)

Moonlit Hippie カラーパレット CSS

/* CSS */
.color-1 {
color: #5f4c8a;
}
.color-2 {
color: #8e7cbb;
}
.color-3 {
color: #b7a4d6;
}
.color-4 {
color: #e5d1f0;
}
.color-5 {
color: #f6f0ff;
}

/* CSS Variables */
:root {
--color-1: #5f4c8a;
 --color-2: #8e7cbb;
 --color-3: #b7a4d6;
 --color-4: #e5d1f0;
 --color-5: #f6f0ff;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5f4c8a, #8e7cbb, #b7a4d6, #e5d1f0, #f6f0ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5f4c8a, #8e7cbb, #b7a4d6, #e5d1f0, #f6f0ff);
}

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

Moonlit Hippie color palette created on .