Spice Girl カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Spice Girl palette

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

Spice Girl カラー パレット PNG 画像

Download spice girl color palette PNG image (landscape)
Download spice girl color palette PNG image (square)

Spice Girl カラーパレット CSS

/* CSS */
.color-1 {
color: #d75d2d;
}
.color-2 {
color: #e29c40;
}
.color-3 {
color: #f1d150;
}
.color-4 {
color: #a8d34a;
}
.color-5 {
color: #7e2a6c;
}

/* CSS Variables */
:root {
--color-1: #d75d2d;
 --color-2: #e29c40;
 --color-3: #f1d150;
 --color-4: #a8d34a;
 --color-5: #7e2a6c;
 }

Spice Girl の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d75d2d, #e29c40, #f1d150, #a8d34a, #7e2a6c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d75d2d, #e29c40, #f1d150, #a8d34a, #7e2a6c);
}

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

Spice Girl color palette created on .