Rustic Ember Elegance カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Rustic Ember Elegance palette

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

Rustic Ember Elegance カラーパレット (PNG) をダウンロード

Download rustic ember elegance color palette PNG image (landscape)
Download rustic ember elegance color palette PNG image (square)

Rustic Ember Elegance カラーパレット CSS

/* CSS */
.color-1 {
color: #321f1b;
}
.color-2 {
color: #321e1a;
}
.color-3 {
color: #3c2420;
}
.color-4 {
color: #492b27;
}
.color-5 {
color: #56362e;
}

/* CSS Variables */
:root {
--color-1: #321f1b;
 --color-2: #321e1a;
 --color-3: #3c2420;
 --color-4: #492b27;
 --color-5: #56362e;
 }

Rustic Ember Elegance の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #321f1b, #321e1a, #3c2420, #492b27, #56362e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #321f1b, #321e1a, #3c2420, #492b27, #56362e);
}

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

Rustic Ember Elegance color palette created on .