Cosmic Entity カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cosmic Entity palette

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

Cosmic Entity カラー パレット PNG 画像

Download cosmic entity color palette PNG image (landscape)
Download cosmic entity color palette PNG image (square)

Cosmic Entity カラーパレット CSS

/* CSS */
.color-1 {
color: #5900b8;
}
.color-2 {
color: #851aff;
}
.color-3 {
color: #af7aff;
}
.color-4 {
color: #ffe7b8;
}
.color-5 {
color: #ffc847;
}

/* CSS Variables */
:root {
--color-1: #5900b8;
 --color-2: #851aff;
 --color-3: #af7aff;
 --color-4: #ffe7b8;
 --color-5: #ffc847;
 }

Cosmic Entity の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5900b8, #851aff, #af7aff, #ffe7b8, #ffc847);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5900b8, #851aff, #af7aff, #ffe7b8, #ffc847);
}

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

Cosmic Entity color palette created on .