Tortured Soul カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Tortured Soul palette

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

Tortured Soul カラー パレット PNG 画像

Download tortured soul color palette PNG image (landscape)
Download tortured soul color palette PNG image (square)

Tortured Soul カラーパレット CSS

/* CSS */
.color-1 {
color: #471561;
}
.color-2 {
color: #843978;
}
.color-3 {
color: #cb769f;
}
.color-4 {
color: #f2abb8;
}
.color-5 {
color: #f9e9e7;
}

/* CSS Variables */
:root {
--color-1: #471561;
 --color-2: #843978;
 --color-3: #cb769f;
 --color-4: #f2abb8;
 --color-5: #f9e9e7;
 }

Tortured Soul の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #471561, #843978, #cb769f, #f2abb8, #f9e9e7);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #471561, #843978, #cb769f, #f2abb8, #f9e9e7);
}

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

Tortured Soul color palette created on .