Shiny Sylveon カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Shiny Sylveon palette

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

Shiny Sylveon カラー パレット PNG 画像

Download shiny sylveon color palette PNG image (landscape)
Download shiny sylveon color palette PNG image (square)

Shiny Sylveon カラーパレット CSS

/* CSS */
.color-1 {
color: #ffc2cc;
}
.color-2 {
color: #ffb8c1;
}
.color-3 {
color: #ff6bb5;
}
.color-4 {
color: #ff1492;
}
.color-5 {
color: #c61585;
}

/* CSS Variables */
:root {
--color-1: #ffc2cc;
 --color-2: #ffb8c1;
 --color-3: #ff6bb5;
 --color-4: #ff1492;
 --color-5: #c61585;
 }

Shiny Sylveon の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffc2cc, #ffb8c1, #ff6bb5, #ff1492, #c61585);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffc2cc, #ffb8c1, #ff6bb5, #ff1492, #c61585);
}

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

Shiny Sylveon color palette created on .