Evil Sonic カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Evil Sonic palette

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

Evil Sonic カラー パレット PNG 画像

Download evil sonic color palette PNG image (landscape)
Download evil sonic color palette PNG image (square)

Evil Sonic カラーパレット CSS

/* CSS */
.color-1 {
color: #1e1e3e;
}
.color-2 {
color: #4b4b6c;
}
.color-3 {
color: #7e7e9a;
}
.color-4 {
color: #a3a3c2;
}
.color-5 {
color: #f25050;
}

/* CSS Variables */
:root {
--color-1: #1e1e3e;
 --color-2: #4b4b6c;
 --color-3: #7e7e9a;
 --color-4: #a3a3c2;
 --color-5: #f25050;
 }

Evil Sonic の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1e1e3e, #4b4b6c, #7e7e9a, #a3a3c2, #f25050);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1e1e3e, #4b4b6c, #7e7e9a, #a3a3c2, #f25050);
}

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

Evil Sonic color palette created on .