Lili カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Lili palette

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

Lili カラーパレット (PNG) をダウンロード

Download lili color palette PNG image (landscape)
Download lili color palette PNG image (square)

Lili カラーパレット CSS

/* CSS */
.color-1 {
color: #e8a1d6;
}
.color-2 {
color: #d67ab9;
}
.color-3 {
color: #b75c9c;
}
.color-4 {
color: #7d3b73;
}
.color-5 {
color: #4e224c;
}

/* CSS Variables */
:root {
--color-1: #e8a1d6;
 --color-2: #d67ab9;
 --color-3: #b75c9c;
 --color-4: #7d3b73;
 --color-5: #4e224c;
 }

Lili の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e8a1d6, #d67ab9, #b75c9c, #7d3b73, #4e224c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e8a1d6, #d67ab9, #b75c9c, #7d3b73, #4e224c);
}

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

Lili color palette created on .