Colorful Lolita カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Colorful Lolita palette

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

Colorful Lolita カラー パレット PNG 画像

Download colorful lolita color palette PNG image (landscape)
Download colorful lolita color palette PNG image (square)

Colorful Lolita カラーパレット CSS

/* CSS */
.color-1 {
color: #ebc075;
}
.color-2 {
color: #e4a890;
}
.color-3 {
color: #e1a8b3;
}
.color-4 {
color: #c19ac6;
}
.color-5 {
color: #9e8eb4;
}

/* CSS Variables */
:root {
--color-1: #ebc075;
 --color-2: #e4a890;
 --color-3: #e1a8b3;
 --color-4: #c19ac6;
 --color-5: #9e8eb4;
 }

Colorful Lolita の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ebc075, #e4a890, #e1a8b3, #c19ac6, #9e8eb4);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ebc075, #e4a890, #e1a8b3, #c19ac6, #9e8eb4);
}

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

Colorful Lolita color palette created on .