Metal Headache カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Metal Headache palette

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

Metal Headache カラー パレット PNG 画像

Download metal headache color palette PNG image (landscape)
Download metal headache color palette PNG image (square)

Metal Headache カラーパレット CSS

/* CSS */
.color-1 {
color: #4a4e68;
}
.color-2 {
color: #9a8d98;
}
.color-3 {
color: #c9ada6;
}
.color-4 {
color: #f9c54e;
}
.color-5 {
color: #f94346;
}

/* CSS Variables */
:root {
--color-1: #4a4e68;
 --color-2: #9a8d98;
 --color-3: #c9ada6;
 --color-4: #f9c54e;
 --color-5: #f94346;
 }

Metal Headache の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4a4e68, #9a8d98, #c9ada6, #f9c54e, #f94346);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4a4e68, #9a8d98, #c9ada6, #f9c54e, #f94346);
}

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

Metal Headache color palette created on .