Monochromatic Blues カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Monochromatic Blues palette

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

Monochromatic Blues カラー パレット PNG 画像

Download monochromatic blues color palette PNG image (landscape)
Download monochromatic blues color palette PNG image (square)

Monochromatic Blues カラーパレット CSS

/* CSS */
.color-1 {
color: #1b1f3b;
}
.color-2 {
color: #323453;
}
.color-3 {
color: #4b4f6c;
}
.color-4 {
color: #6d7388;
}
.color-5 {
color: #878ba6;
}

/* CSS Variables */
:root {
--color-1: #1b1f3b;
 --color-2: #323453;
 --color-3: #4b4f6c;
 --color-4: #6d7388;
 --color-5: #878ba6;
 }

Monochromatic Blues の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1b1f3b, #323453, #4b4f6c, #6d7388, #878ba6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1b1f3b, #323453, #4b4f6c, #6d7388, #878ba6);
}

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

下にスクロールして5個の青カラーパレットを探索しましょう

Monochromatic Blues color palette created on .