Masculine Fitness カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Masculine Fitness palette

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

Masculine Fitness カラー パレット PNG 画像

Download masculine fitness color palette PNG image (landscape)
Download masculine fitness color palette PNG image (square)

Masculine Fitness カラーパレット CSS

/* CSS */
.color-1 {
color: #1f3a61;
}
.color-2 {
color: #4b6f8b;
}
.color-3 {
color: #7c9dbb;
}
.color-4 {
color: #b2c7e0;
}
.color-5 {
color: #f8f9fc;
}

/* CSS Variables */
:root {
--color-1: #1f3a61;
 --color-2: #4b6f8b;
 --color-3: #7c9dbb;
 --color-4: #b2c7e0;
 --color-5: #f8f9fc;
 }

Masculine Fitness の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f3a61, #4b6f8b, #7c9dbb, #b2c7e0, #f8f9fc);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f3a61, #4b6f8b, #7c9dbb, #b2c7e0, #f8f9fc);
}

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

Masculine Fitness color palette created on .