Gold Luxury カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Gold Luxury palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Gold Luxury カラーパレット (PNG) をダウンロード

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

Gold Luxury カラーパレット CSS

/* CSS */
.color-1 {
color: #d4af35;
}
.color-2 {
color: #a67d30;
}
.color-3 {
color: #6c4d2d;
}
.color-4 {
color: #402b26;
}
.color-5 {
color: #1e1c1a;
}

/* CSS Variables */
:root {
--color-1: #d4af35;
 --color-2: #a67d30;
 --color-3: #6c4d2d;
 --color-4: #402b26;
 --color-5: #1e1c1a;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d4af35, #a67d30, #6c4d2d, #402b26, #1e1c1a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d4af35, #a67d30, #6c4d2d, #402b26, #1e1c1a);
}

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

Gold Luxury color palette created on .