Warm Ember Glow カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Warm Ember Glow palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
Warm Ember Glow カラーパレット (PNG) をダウンロード
Warm Ember Glow カラーパレット CSS
/* CSS */
.color-1 {
color: #d78f5b;
}
.color-2 {
color: #c9764f;
}
.color-3 {
color: #b85e3d;
}
.color-4 {
color: #a34b2e;
}
.color-5 {
color: #8e392e;
}
/* CSS Variables */
:root {
--color-1: #d78f5b;
--color-2: #c9764f;
--color-3: #b85e3d;
--color-4: #a34b2e;
--color-5: #8e392e;
}
Warm Ember Glow の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d78f5b, #c9764f, #b85e3d, #a34b2e, #8e392e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d78f5b, #c9764f, #b85e3d, #a34b2e, #8e392e);
}
似たようなカラーパレット
Warm Ember Glow color palette created on .