Fuschia Delight カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Fuschia Delight palette

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

Fuschia Delight カラー パレット PNG 画像

Download fuschia delight color palette PNG image (landscape)
Download fuschia delight color palette PNG image (square)

Fuschia Delight カラーパレット CSS

/* CSS */
.color-1 {
color: #d6006f;
}
.color-2 {
color: #ff3d67;
}
.color-3 {
color: #ff7092;
}
.color-4 {
color: #ff998a;
}
.color-5 {
color: #ffc29e;
}

/* CSS Variables */
:root {
--color-1: #d6006f;
 --color-2: #ff3d67;
 --color-3: #ff7092;
 --color-4: #ff998a;
 --color-5: #ffc29e;
 }

Fuschia Delight の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d6006f, #ff3d67, #ff7092, #ff998a, #ffc29e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d6006f, #ff3d67, #ff7092, #ff998a, #ffc29e);
}

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

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

Fuschia Delight color palette created on .