Deep Fuchsia Dream カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Deep Fuchsia Dream palette

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

Deep Fuchsia Dream カラー パレット PNG 画像

Download deep fuchsia dream color palette PNG image (landscape)
Download deep fuchsia dream color palette PNG image (square)

Deep Fuchsia Dream カラーパレット CSS

/* CSS */
.color-1 {
color: #c26b94;
}
.color-2 {
color: #d66b9f;
}
.color-3 {
color: #f0a3b9;
}
.color-4 {
color: #f7c0d5;
}
.color-5 {
color: #f9d7e6;
}

/* CSS Variables */
:root {
--color-1: #c26b94;
 --color-2: #d66b9f;
 --color-3: #f0a3b9;
 --color-4: #f7c0d5;
 --color-5: #f9d7e6;
 }

Deep Fuchsia Dream の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c26b94, #d66b9f, #f0a3b9, #f7c0d5, #f9d7e6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c26b94, #d66b9f, #f0a3b9, #f7c0d5, #f9d7e6);
}

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

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

Deep Fuchsia Dream color palette created on .