Pink Lilith カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Pink Lilith palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

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

Download pink lilith color palette PNG image (landscape)
Download pink lilith color palette PNG image (square)

Pink Lilith カラーパレット CSS

/* CSS */
.color-1 {
color: #eab8e4;
}
.color-2 {
color: #c67bba;
}
.color-3 {
color: #9a4786;
}
.color-4 {
color: #6c2d4d;
}
.color-5 {
color: #381924;
}

/* CSS Variables */
:root {
--color-1: #eab8e4;
 --color-2: #c67bba;
 --color-3: #9a4786;
 --color-4: #6c2d4d;
 --color-5: #381924;
 }

Pink Lilith の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #eab8e4, #c67bba, #9a4786, #6c2d4d, #381924);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #eab8e4, #c67bba, #9a4786, #6c2d4d, #381924);
}

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

Pink Lilith color palette created on .