Pokémon Fuchsia カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Pokémon Fuchsia palette

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

Pokémon Fuchsia カラー パレット PNG 画像

Download pokémon fuchsia color palette PNG image (landscape)
Download pokémon fuchsia color palette PNG image (square)

Pokémon Fuchsia カラーパレット CSS

/* CSS */
.color-1 {
color: #ff5c8a;
}
.color-2 {
color: #ff8d70;
}
.color-3 {
color: #ffb56b;
}
.color-4 {
color: #ffd54d;
}
.color-5 {
color: #ffec3d;
}

/* CSS Variables */
:root {
--color-1: #ff5c8a;
 --color-2: #ff8d70;
 --color-3: #ffb56b;
 --color-4: #ffd54d;
 --color-5: #ffec3d;
 }

Pokémon Fuchsia の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff5c8a, #ff8d70, #ffb56b, #ffd54d, #ffec3d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff5c8a, #ff8d70, #ffb56b, #ffd54d, #ffec3d);
}

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

下にスクロールして1個のフクシアカラーパレットを探索しましょう

Pokémon Fuchsia color palette created on .