Opulent Gold カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Opulent Gold palette

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

Opulent Gold カラー パレット PNG 画像

Download opulent gold color palette PNG image (landscape)
Download opulent gold color palette PNG image (square)

Opulent Gold カラーパレット CSS

/* CSS */
.color-1 {
color: #b4a44b;
}
.color-2 {
color: #a67b3a;
}
.color-3 {
color: #7b4b2d;
}
.color-4 {
color: #3d2929;
}
.color-5 {
color: #f5d27f;
}

/* CSS Variables */
:root {
--color-1: #b4a44b;
 --color-2: #a67b3a;
 --color-3: #7b4b2d;
 --color-4: #3d2929;
 --color-5: #f5d27f;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b4a44b, #a67b3a, #7b4b2d, #3d2929, #f5d27f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b4a44b, #a67b3a, #7b4b2d, #3d2929, #f5d27f);
}

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

Opulent Gold color palette created on .