Light Gold カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Light Gold palette

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

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

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

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

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

Light Gold カラーパレット CSS

/* CSS */
.color-1 {
color: #dd9946;
}
.color-2 {
color: #edbb64;
}
.color-3 {
color: #f4d59f;
}
.color-4 {
color: #fbeab1;
}
.color-5 {
color: #f9cabe;
}

/* CSS Variables */
:root {
--color-1: #dd9946;
 --color-2: #edbb64;
 --color-3: #f4d59f;
 --color-4: #fbeab1;
 --color-5: #f9cabe;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #dd9946, #edbb64, #f4d59f, #fbeab1, #f9cabe);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #dd9946, #edbb64, #f4d59f, #fbeab1, #f9cabe);
}

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

Light Gold color palette created on .