Enchanted Wonder カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Enchanted Wonder palette

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

Enchanted Wonder カラー パレット PNG 画像

Download enchanted wonder color palette PNG image (landscape)
Download enchanted wonder color palette PNG image (square)

Enchanted Wonder カラーパレット CSS

/* CSS */
.color-1 {
color: #6a9ae2;
}
.color-2 {
color: #3caf9e;
}
.color-3 {
color: #f6c25a;
}
.color-4 {
color: #f29b91;
}
.color-5 {
color: #e05c74;
}

/* CSS Variables */
:root {
--color-1: #6a9ae2;
 --color-2: #3caf9e;
 --color-3: #f6c25a;
 --color-4: #f29b91;
 --color-5: #e05c74;
 }

Enchanted Wonder の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6a9ae2, #3caf9e, #f6c25a, #f29b91, #e05c74);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6a9ae2, #3caf9e, #f6c25a, #f29b91, #e05c74);
}

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

Enchanted Wonder color palette created on .