Evil Princess Twilight Sparkle カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Evil Princess Twilight Sparkle palette

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

Evil Princess Twilight Sparkle カラーパレット (PNG) をダウンロード

Download evil princess twilight sparkle color palette PNG image (landscape)
Download evil princess twilight sparkle color palette PNG image (square)

Evil Princess Twilight Sparkle カラーパレット CSS

/* CSS */
.color-1 {
color: #691c7d;
}
.color-2 {
color: #9c4d9d;
}
.color-3 {
color: #d883b4;
}
.color-4 {
color: #f2b5d7;
}
.color-5 {
color: #f8cbc4;
}

/* CSS Variables */
:root {
--color-1: #691c7d;
 --color-2: #9c4d9d;
 --color-3: #d883b4;
 --color-4: #f2b5d7;
 --color-5: #f8cbc4;
 }

Evil Princess Twilight Sparkle の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #691c7d, #9c4d9d, #d883b4, #f2b5d7, #f8cbc4);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #691c7d, #9c4d9d, #d883b4, #f2b5d7, #f8cbc4);
}

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

Evil Princess Twilight Sparkle color palette created on .