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