Loading...

Fortnite カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Fortnite palette

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

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

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

Fortnite カラーパレット CSS

/* CSS */
.color-1 {
color: #1e2024;
}
.color-2 {
color: #3c3f44;
}
.color-3 {
color: #5c5f66;
}
.color-4 {
color: #f7b84a;
}
.color-5 {
color: #f05e28;
}

/* CSS Variables */
:root {
--color-1: #1e2024;
 --color-2: #3c3f44;
 --color-3: #5c5f66;
 --color-4: #f7b84a;
 --color-5: #f05e28;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1e2024, #3c3f44, #5c5f66, #f7b84a, #f05e28);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1e2024, #3c3f44, #5c5f66, #f7b84a, #f05e28);
}

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

Fortnite color palette created on .