Luka from Alien Stage カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Luka from Alien Stage palette

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

Luka from Alien Stage カラーパレット (PNG) をダウンロード

Download luka from alien stage color palette PNG image (landscape)
Download luka from alien stage color palette PNG image (square)

Luka from Alien Stage カラーパレット CSS

/* CSS */
.color-1 {
color: #1f2942;
}
.color-2 {
color: #4c6f90;
}
.color-3 {
color: #79b4c8;
}
.color-4 {
color: #f1c84b;
}
.color-5 {
color: #e05a29;
}

/* CSS Variables */
:root {
--color-1: #1f2942;
 --color-2: #4c6f90;
 --color-3: #79b4c8;
 --color-4: #f1c84b;
 --color-5: #e05a29;
 }

Luka from Alien Stage の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f2942, #4c6f90, #79b4c8, #f1c84b, #e05a29);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f2942, #4c6f90, #79b4c8, #f1c84b, #e05a29);
}

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

Luka from Alien Stage color palette created on .