Outer Space カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Outer Space palette

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

Outer Space カラー パレット PNG 画像

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

Outer Space カラーパレット CSS

/* CSS */
.color-1 {
color: #192a4d;
}
.color-2 {
color: #2f3e6a;
}
.color-3 {
color: #4b5b8b;
}
.color-4 {
color: #6a90be;
}
.color-5 {
color: #8ac3e0;
}

/* CSS Variables */
:root {
--color-1: #192a4d;
 --color-2: #2f3e6a;
 --color-3: #4b5b8b;
 --color-4: #6a90be;
 --color-5: #8ac3e0;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #192a4d, #2f3e6a, #4b5b8b, #6a90be, #8ac3e0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #192a4d, #2f3e6a, #4b5b8b, #6a90be, #8ac3e0);
}

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

Outer Space color palette created on .