Spiders カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Spiders palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

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

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

Spiders カラーパレット CSS

/* CSS */
.color-1 {
color: #1c1c1c;
}
.color-2 {
color: #993d3d;
}
.color-3 {
color: #d5aa3f;
}
.color-4 {
color: #f5f5f5;
}
.color-5 {
color: #595959;
}

/* CSS Variables */
:root {
--color-1: #1c1c1c;
 --color-2: #993d3d;
 --color-3: #d5aa3f;
 --color-4: #f5f5f5;
 --color-5: #595959;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1c1c1c, #993d3d, #d5aa3f, #f5f5f5, #595959);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1c1c1c, #993d3d, #d5aa3f, #f5f5f5, #595959);
}

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

Spiders color palette created on .