Special Forces Sunset カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Special Forces Sunset palette

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

Special Forces Sunset カラー パレット PNG 画像

Download special forces sunset color palette PNG image (landscape)
Download special forces sunset color palette PNG image (square)

Special Forces Sunset カラーパレット CSS

/* CSS */
.color-1 {
color: #1a1a1a;
}
.color-2 {
color: #4d4d4d;
}
.color-3 {
color: #ff6d1f;
}
.color-4 {
color: #ff8c00;
}
.color-5 {
color: #ffca38;
}

/* CSS Variables */
:root {
--color-1: #1a1a1a;
 --color-2: #4d4d4d;
 --color-3: #ff6d1f;
 --color-4: #ff8c00;
 --color-5: #ffca38;
 }

Special Forces Sunset の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1a1a1a, #4d4d4d, #ff6d1f, #ff8c00, #ffca38);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1a1a1a, #4d4d4d, #ff6d1f, #ff8c00, #ffca38);
}

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

Special Forces Sunset color palette created on .