男性向け Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with 男性向け palette
Color Inspiration
Images that showcase this color palette in real designs
Download 男性向け Color Palette (PNG)
男性向け color palette 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;
}
男性向け background gradient 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);
}
Similar color palettes
Scroll down to explore 10+ Masculine color palettes
男性向け color palette created on .