Manic Star カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Manic Star palette

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

Manic Star カラー パレット PNG 画像

Download manic star color palette PNG image (landscape)
Download manic star color palette PNG image (square)

Manic Star カラーパレット CSS

/* CSS */
.color-1 {
color: #c47f08;
}
.color-2 {
color: #cb4c15;
}
.color-3 {
color: #c73129;
}
.color-4 {
color: #b00742;
}
.color-5 {
color: #600642;
}

/* CSS Variables */
:root {
--color-1: #c47f08;
 --color-2: #cb4c15;
 --color-3: #c73129;
 --color-4: #b00742;
 --color-5: #600642;
 }

Manic Star の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c47f08, #cb4c15, #c73129, #b00742, #600642);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c47f08, #cb4c15, #c73129, #b00742, #600642);
}

似たようなカラーパレット

Manic Star color palette created on .