Marc Bolan Inspired カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Marc Bolan Inspired palette

このパレットを共有する先：

Marc Bolan Inspired カラー パレット PNG 画像

Download marc bolan inspired color palette PNG image (landscape)
Download marc bolan inspired color palette PNG image (square)

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 .