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