Moon Gleam カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Moon Gleam palette

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

Moon Gleam カラー パレット PNG 画像

Download moon gleam color palette PNG image (landscape)
Download moon gleam color palette PNG image (square)

Moon Gleam カラーパレット CSS

/* CSS */
.color-1 {
color: #d6e4f0;
}
.color-2 {
color: #a6c6ed;
}
.color-3 {
color: #6fa1d8;
}
.color-4 {
color: #3e7ab6;
}
.color-5 {
color: #2c5f8c;
}

/* CSS Variables */
:root {
--color-1: #d6e4f0;
 --color-2: #a6c6ed;
 --color-3: #6fa1d8;
 --color-4: #3e7ab6;
 --color-5: #2c5f8c;
 }

Moon Gleam の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d6e4f0, #a6c6ed, #6fa1d8, #3e7ab6, #2c5f8c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d6e4f0, #a6c6ed, #6fa1d8, #3e7ab6, #2c5f8c);
}

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

Moon Gleam color palette created on .