Navy Gold Fusion カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Navy Gold Fusion palette

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

Navy Gold Fusion カラー パレット PNG 画像

Download navy gold fusion color palette PNG image (landscape)
Download navy gold fusion color palette PNG image (square)

Navy Gold Fusion カラーパレット CSS

/* CSS */
.color-1 {
color: #001f4d;
}
.color-2 {
color: #0071b8;
}
.color-3 {
color: #ffa600;
}
.color-4 {
color: #ffcc00;
}
.color-5 {
color: #ffd900;
}

/* CSS Variables */
:root {
--color-1: #001f4d;
 --color-2: #0071b8;
 --color-3: #ffa600;
 --color-4: #ffcc00;
 --color-5: #ffd900;
 }

Navy Gold Fusion の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #001f4d, #0071b8, #ffa600, #ffcc00, #ffd900);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #001f4d, #0071b8, #ffa600, #ffcc00, #ffd900);
}

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

Navy Gold Fusion color palette created on .