Enchanted Forest Night カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Enchanted Forest Night palette

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

Enchanted Forest Night カラーパレット (PNG) をダウンロード

Download enchanted forest night color palette PNG image (landscape)
Download enchanted forest night color palette PNG image (square)

Enchanted Forest Night カラーパレット CSS

/* CSS */
.color-1 {
color: #4a0080;
}
.color-2 {
color: #7b1fa3;
}
.color-3 {
color: #4cae4f;
}
.color-4 {
color: #ffec3d;
}
.color-5 {
color: #212121;
}

/* CSS Variables */
:root {
--color-1: #4a0080;
 --color-2: #7b1fa3;
 --color-3: #4cae4f;
 --color-4: #ffec3d;
 --color-5: #212121;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4a0080, #7b1fa3, #4cae4f, #ffec3d, #212121);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4a0080, #7b1fa3, #4cae4f, #ffec3d, #212121);
}

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

Enchanted Forest Night color palette created on .