Golds and Deep Blues カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Golds and Deep Blues palette

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

Golds and Deep Blues カラー パレット PNG 画像

Download golds and deep blues color palette PNG image (landscape)
Download golds and deep blues color palette PNG image (square)

Golds and Deep Blues カラーパレット CSS

/* CSS */
.color-1 {
color: #c2a800;
}
.color-2 {
color: #4b70a0;
}
.color-3 {
color: #d6c23d;
}
.color-4 {
color: #1e3a76;
}
.color-5 {
color: #ffd900;
}

/* CSS Variables */
:root {
--color-1: #c2a800;
 --color-2: #4b70a0;
 --color-3: #d6c23d;
 --color-4: #1e3a76;
 --color-5: #ffd900;
 }

Golds and Deep Blues の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c2a800, #4b70a0, #d6c23d, #1e3a76, #ffd900);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c2a800, #4b70a0, #d6c23d, #1e3a76, #ffd900);
}

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

Golds and Deep Blues color palette created on .