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