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