Ghostly Indigo カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Ghostly Indigo palette

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

Ghostly Indigo カラー パレット PNG 画像

Download ghostly indigo color palette PNG image (landscape)
Download ghostly indigo color palette PNG image (square)

Ghostly Indigo カラーパレット CSS

/* CSS */
.color-1 {
color: #5d5bbe;
}
.color-2 {
color: #4b488e;
}
.color-3 {
color: #3f3875;
}
.color-4 {
color: #b9abd8;
}
.color-5 {
color: #9389be;
}

/* CSS Variables */
:root {
--color-1: #5d5bbe;
 --color-2: #4b488e;
 --color-3: #3f3875;
 --color-4: #b9abd8;
 --color-5: #9389be;
 }

Ghostly Indigo の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5d5bbe, #4b488e, #3f3875, #b9abd8, #9389be);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5d5bbe, #4b488e, #3f3875, #b9abd8, #9389be);
}

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

Ghostly Indigo color palette created on .