Megatronus カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Megatronus palette

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

Megatronus カラー パレット PNG 画像

Download megatronus color palette PNG image (landscape)
Download megatronus color palette PNG image (square)

Megatronus カラーパレット CSS

/* CSS */
.color-1 {
color: #1f2c4c;
}
.color-2 {
color: #4c708a;
}
.color-3 {
color: #8fa3b7;
}
.color-4 {
color: #d2c6a3;
}
.color-5 {
color: #e15c37;
}

/* CSS Variables */
:root {
--color-1: #1f2c4c;
 --color-2: #4c708a;
 --color-3: #8fa3b7;
 --color-4: #d2c6a3;
 --color-5: #e15c37;
 }

Megatronus の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f2c4c, #4c708a, #8fa3b7, #d2c6a3, #e15c37);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f2c4c, #4c708a, #8fa3b7, #d2c6a3, #e15c37);
}

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

Megatronus color palette created on .