Andromeda Lux カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Andromeda Lux palette

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

Andromeda Lux カラー パレット PNG 画像

Download andromeda lux color palette PNG image (landscape)
Download andromeda lux color palette PNG image (square)

Andromeda Lux カラーパレット CSS

/* CSS */
.color-1 {
color: #1a1f3d;
}
.color-2 {
color: #4c3f69;
}
.color-3 {
color: #885b8b;
}
.color-4 {
color: #d3a96f;
}
.color-5 {
color: #f4e2c3;
}

/* CSS Variables */
:root {
--color-1: #1a1f3d;
 --color-2: #4c3f69;
 --color-3: #885b8b;
 --color-4: #d3a96f;
 --color-5: #f4e2c3;
 }

Andromeda Lux の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1a1f3d, #4c3f69, #885b8b, #d3a96f, #f4e2c3);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1a1f3d, #4c3f69, #885b8b, #d3a96f, #f4e2c3);
}

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

Andromeda Lux color palette created on .