Princess Twilight Sparkle カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Princess Twilight Sparkle palette

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

Princess Twilight Sparkle カラー パレット PNG 画像

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

Princess Twilight Sparkle カラーパレット CSS

/* CSS */
.color-1 {
color: #a77ccb;
}
.color-2 {
color: #bca1e3;
}
.color-3 {
color: #eab8e4;
}
.color-4 {
color: #f4bee2;
}
.color-5 {
color: #ff9eca;
}

/* CSS Variables */
:root {
--color-1: #a77ccb;
 --color-2: #bca1e3;
 --color-3: #eab8e4;
 --color-4: #f4bee2;
 --color-5: #ff9eca;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a77ccb, #bca1e3, #eab8e4, #f4bee2, #ff9eca);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a77ccb, #bca1e3, #eab8e4, #f4bee2, #ff9eca);
}

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

Princess Twilight Sparkle color palette created on .