Crimson Asphalt Sparks カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Crimson Asphalt Sparks palette

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

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

Download crimson asphalt sparks color palette PNG image (landscape)
Download crimson asphalt sparks color palette PNG image (square)

Crimson Asphalt Sparks カラーパレット CSS

/* CSS */
.color-1 {
color: #b42222;
}
.color-2 {
color: #a62b2b;
}
.color-3 {
color: #808080;
}
.color-4 {
color: #d4d4d4;
}
.color-5 {
color: #ff4400;
}

/* CSS Variables */
:root {
--color-1: #b42222;
 --color-2: #a62b2b;
 --color-3: #808080;
 --color-4: #d4d4d4;
 --color-5: #ff4400;
 }

Crimson Asphalt Sparks の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b42222, #a62b2b, #808080, #d4d4d4, #ff4400);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b42222, #a62b2b, #808080, #d4d4d4, #ff4400);
}

Crimson Asphalt Sparks color palette created on .