男性向け カラーパレット

明るさ

彩度

暖かさ

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 .