宇宙 カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with 宇宙 palette

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

宇宙 カラー パレット PNG 画像

Download 宇宙 color palette PNG image (landscape)
Download 宇宙 color palette PNG image (square)

宇宙 カラーパレット CSS

/* CSS */
.color-1 {
color: #1d2a77;
}
.color-2 {
color: #4a3e8e;
}
.color-3 {
color: #6b6dbd;
}
.color-4 {
color: #a4a5df;
}
.color-5 {
color: #d6d6f0;
}

/* CSS Variables */
:root {
--color-1: #1d2a77;
 --color-2: #4a3e8e;
 --color-3: #6b6dbd;
 --color-4: #a4a5df;
 --color-5: #d6d6f0;
 }

宇宙 の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1d2a77, #4a3e8e, #6b6dbd, #a4a5df, #d6d6f0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1d2a77, #4a3e8e, #6b6dbd, #a4a5df, #d6d6f0);
}

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

宇宙 color palette created on .