Space Tech カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Space Tech palette

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

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

Download space tech color palette PNG image (landscape)
Download space tech color palette PNG image (square)

Space Tech カラーパレット CSS

/* CSS */
.color-1 {
color: #1a202d;
}
.color-2 {
color: #3a4a69;
}
.color-3 {
color: #ff6b6b;
}
.color-4 {
color: #9dc1d8;
}
.color-5 {
color: #e0f7fa;
}

/* CSS Variables */
:root {
--color-1: #1a202d;
 --color-2: #3a4a69;
 --color-3: #ff6b6b;
 --color-4: #9dc1d8;
 --color-5: #e0f7fa;
 }

Space Tech の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1a202d, #3a4a69, #ff6b6b, #9dc1d8, #e0f7fa);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1a202d, #3a4a69, #ff6b6b, #9dc1d8, #e0f7fa);
}

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

Space Tech color palette created on .