TAC9, the soul eater カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with TAC9, the soul eater palette

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

TAC9, the soul eater カラー パレット PNG 画像

Download tac9, the soul eater color palette PNG image (landscape)
Download tac9, the soul eater color palette PNG image (square)

TAC9, the soul eater カラーパレット CSS

/* CSS */
.color-1 {
color: #20202c;
}
.color-2 {
color: #3a3a4b;
}
.color-3 {
color: #5b5b7b;
}
.color-4 {
color: #869ec6;
}
.color-5 {
color: #f8c84f;
}

/* CSS Variables */
:root {
--color-1: #20202c;
 --color-2: #3a3a4b;
 --color-3: #5b5b7b;
 --color-4: #869ec6;
 --color-5: #f8c84f;
 }

TAC9, the soul eater の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #20202c, #3a3a4b, #5b5b7b, #869ec6, #f8c84f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #20202c, #3a3a4b, #5b5b7b, #869ec6, #f8c84f);
}

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

TAC9, the soul eater color palette created on .