Alien Experiment Fantasy カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Alien Experiment Fantasy palette

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

Alien Experiment Fantasy カラー パレット PNG 画像

Download alien experiment fantasy color palette PNG image (landscape)
Download alien experiment fantasy color palette PNG image (square)

Alien Experiment Fantasy カラーパレット CSS

/* CSS */
.color-1 {
color: #2e3a4d;
}
.color-2 {
color: #5c8dd6;
}
.color-3 {
color: #a3d55d;
}
.color-4 {
color: #f4e543;
}
.color-5 {
color: #d85d2c;
}

/* CSS Variables */
:root {
--color-1: #2e3a4d;
 --color-2: #5c8dd6;
 --color-3: #a3d55d;
 --color-4: #f4e543;
 --color-5: #d85d2c;
 }

Alien Experiment Fantasy の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #2e3a4d, #5c8dd6, #a3d55d, #f4e543, #d85d2c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #2e3a4d, #5c8dd6, #a3d55d, #f4e543, #d85d2c);
}

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

Alien Experiment Fantasy color palette created on .