Луна カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Луна palette

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

Луна カラー パレット PNG 画像

Download луна color palette PNG image (landscape)
Download луна color palette PNG image (square)

Луна カラーパレット CSS

/* CSS */
.color-1 {
color: #f0e4f6;
}
.color-2 {
color: #d1c3e9;
}
.color-3 {
color: #a6c6ed;
}
.color-4 {
color: #6cb7f4;
}
.color-5 {
color: #2a90bb;
}

/* CSS Variables */
:root {
--color-1: #f0e4f6;
 --color-2: #d1c3e9;
 --color-3: #a6c6ed;
 --color-4: #6cb7f4;
 --color-5: #2a90bb;
 }

Луна の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f0e4f6, #d1c3e9, #a6c6ed, #6cb7f4, #2a90bb);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f0e4f6, #d1c3e9, #a6c6ed, #6cb7f4, #2a90bb);
}

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

Луна color palette created on .