Moonchenko Silver カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Moonchenko Silver palette

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

Moonchenko Silver カラー パレット PNG 画像

Download moonchenko silver color palette PNG image (landscape)
Download moonchenko silver color palette PNG image (square)

Moonchenko Silver カラーパレット CSS

/* CSS */
.color-1 {
color: #d0d5e1;
}
.color-2 {
color: #a0a7b6;
}
.color-3 {
color: #7a8199;
}
.color-4 {
color: #5c637f;
}
.color-5 {
color: #3e4a60;
}

/* CSS Variables */
:root {
--color-1: #d0d5e1;
 --color-2: #a0a7b6;
 --color-3: #7a8199;
 --color-4: #5c637f;
 --color-5: #3e4a60;
 }

Moonchenko Silver の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d0d5e1, #a0a7b6, #7a8199, #5c637f, #3e4a60);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d0d5e1, #a0a7b6, #7a8199, #5c637f, #3e4a60);
}

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

Moonchenko Silver color palette created on .