男性向け カラーパレット

明るさ

彩度

暖かさ

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: #1e3b71;
}
.color-2 {
color: #2a9d90;
}
.color-3 {
color: #e8c468;
}
.color-4 {
color: #f4a462;
}
.color-5 {
color: #292c33;
}

/* CSS Variables */
:root {
--color-1: #1e3b71;
 --color-2: #2a9d90;
 --color-3: #e8c468;
 --color-4: #f4a462;
 --color-5: #292c33;
 }

男性向け の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1e3b71, #2a9d90, #e8c468, #f4a462, #292c33);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1e3b71, #2a9d90, #e8c468, #f4a462, #292c33);
}

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

男性向け color palette created on .