Dress to Impress Gold カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dress to Impress Gold palette

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

Dress to Impress Gold カラー パレット PNG 画像

Download dress to impress gold color palette PNG image (landscape)
Download dress to impress gold color palette PNG image (square)

Dress to Impress Gold カラーパレット CSS

/* CSS */
.color-1 {
color: #c7b300;
}
.color-2 {
color: #f0d000;
}
.color-3 {
color: #f6eba7;
}
.color-4 {
color: #e6b800;
}
.color-5 {
color: #a87600;
}

/* CSS Variables */
:root {
--color-1: #c7b300;
 --color-2: #f0d000;
 --color-3: #f6eba7;
 --color-4: #e6b800;
 --color-5: #a87600;
 }

Dress to Impress Gold の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c7b300, #f0d000, #f6eba7, #e6b800, #a87600);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c7b300, #f0d000, #f6eba7, #e6b800, #a87600);
}

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

Dress to Impress Gold color palette created on .