Retro Futurism カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Retro Futurism palette

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

Retro Futurism カラーパレット (PNG) をダウンロード

Download retro futurism color palette PNG image (landscape)
Download retro futurism color palette PNG image (square)

Retro Futurism カラーパレット CSS

/* CSS */
.color-1 {
color: #1e1e2f;
}
.color-2 {
color: #3b3b4e;
}
.color-3 {
color: #585879;
}
.color-4 {
color: #a8a8d6;
}
.color-5 {
color: #f0a400;
}

/* CSS Variables */
:root {
--color-1: #1e1e2f;
 --color-2: #3b3b4e;
 --color-3: #585879;
 --color-4: #a8a8d6;
 --color-5: #f0a400;
 }

Retro Futurism の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1e1e2f, #3b3b4e, #585879, #a8a8d6, #f0a400);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1e1e2f, #3b3b4e, #585879, #a8a8d6, #f0a400);
}

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

Retro Futurism color palette created on .