Lago カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Lago palette

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

Lago カラー パレット PNG 画像

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

Lago カラーパレット CSS

/* CSS */
.color-1 {
color: #1d8a9a;
}
.color-2 {
color: #4fb0a3;
}
.color-3 {
color: #70d7b6;
}
.color-4 {
color: #a0f3c4;
}
.color-5 {
color: #d7f9ea;
}

/* CSS Variables */
:root {
--color-1: #1d8a9a;
 --color-2: #4fb0a3;
 --color-3: #70d7b6;
 --color-4: #a0f3c4;
 --color-5: #d7f9ea;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1d8a9a, #4fb0a3, #70d7b6, #a0f3c4, #d7f9ea);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1d8a9a, #4fb0a3, #70d7b6, #a0f3c4, #d7f9ea);
}

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

Lago color palette created on .