Stardust カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Stardust palette

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

Stardust カラーパレット (PNG) をダウンロード

Download stardust color palette PNG image (landscape)
Download stardust color palette PNG image (square)

Stardust カラーパレット CSS

/* CSS */
.color-1 {
color: #f5e5e8;
}
.color-2 {
color: #d1c5e2;
}
.color-3 {
color: #a1b3e3;
}
.color-4 {
color: #6db3e8;
}
.color-5 {
color: #1e77b3;
}

/* CSS Variables */
:root {
--color-1: #f5e5e8;
 --color-2: #d1c5e2;
 --color-3: #a1b3e3;
 --color-4: #6db3e8;
 --color-5: #1e77b3;
 }

Stardust の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f5e5e8, #d1c5e2, #a1b3e3, #6db3e8, #1e77b3);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f5e5e8, #d1c5e2, #a1b3e3, #6db3e8, #1e77b3);
}

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

Stardust color palette created on .