Godness of Stars カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Godness of Stars palette

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

Godness of Stars カラー パレット PNG 画像

Download godness of stars color palette PNG image (landscape)
Download godness of stars color palette PNG image (square)

Godness of Stars カラーパレット CSS

/* CSS */
.color-1 {
color: #1f1b79;
}
.color-2 {
color: #3f49a2;
}
.color-3 {
color: #6c71cb;
}
.color-4 {
color: #a3b0e0;
}
.color-5 {
color: #f1e5ff;
}

/* CSS Variables */
:root {
--color-1: #1f1b79;
 --color-2: #3f49a2;
 --color-3: #6c71cb;
 --color-4: #a3b0e0;
 --color-5: #f1e5ff;
 }

Godness of Stars の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f1b79, #3f49a2, #6c71cb, #a3b0e0, #f1e5ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f1b79, #3f49a2, #6c71cb, #a3b0e0, #f1e5ff);
}

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

Godness of Stars color palette created on .