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