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