Lexi カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Lexi palette

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

Lexi カラー パレット PNG 画像

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

Lexi カラーパレット CSS

/* CSS */
.color-1 {
color: #ffbebd;
}
.color-2 {
color: #ffd2ad;
}
.color-3 {
color: #ffe7b3;
}
.color-4 {
color: #f2ffcc;
}
.color-5 {
color: #c7f6ff;
}

/* CSS Variables */
:root {
--color-1: #ffbebd;
 --color-2: #ffd2ad;
 --color-3: #ffe7b3;
 --color-4: #f2ffcc;
 --color-5: #c7f6ff;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffbebd, #ffd2ad, #ffe7b3, #f2ffcc, #c7f6ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffbebd, #ffd2ad, #ffe7b3, #f2ffcc, #c7f6ff);
}

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

Lexi color palette created on .