Language of the Lost カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Language of the Lost palette

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

Language of the Lost カラー パレット PNG 画像

Download language of the lost color palette PNG image (landscape)
Download language of the lost color palette PNG image (square)

Language of the Lost カラーパレット CSS

/* CSS */
.color-1 {
color: #4a4d8c;
}
.color-2 {
color: #6a809a;
}
.color-3 {
color: #b6c9d8;
}
.color-4 {
color: #f3cebf;
}
.color-5 {
color: #e1a8b8;
}

/* CSS Variables */
:root {
--color-1: #4a4d8c;
 --color-2: #6a809a;
 --color-3: #b6c9d8;
 --color-4: #f3cebf;
 --color-5: #e1a8b8;
 }

Language of the Lost の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4a4d8c, #6a809a, #b6c9d8, #f3cebf, #e1a8b8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4a4d8c, #6a809a, #b6c9d8, #f3cebf, #e1a8b8);
}

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

Language of the Lost color palette created on .