Fire and Sunshine Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Fire and Sunshine palette

Condividi questa palette a:

Scarica la tavolozza dei colori Fire and Sunshine (PNG)

Download fire and sunshine color palette PNG image (landscape)
Download fire and sunshine color palette PNG image (square)

tavolozza dei colori Fire and Sunshine CSS

/* CSS */
.color-1 {
color: #ff5833;
}
.color-2 {
color: #ff8c1a;
}
.color-3 {
color: #ffc300;
}
.color-4 {
color: #ffed4d;
}
.color-5 {
color: #c1f0c1;
}

/* CSS Variables */
:root {
--color-1: #ff5833;
 --color-2: #ff8c1a;
 --color-3: #ffc300;
 --color-4: #ffed4d;
 --color-5: #c1f0c1;
 }

CSS con gradiente di sfondo Fire and Sunshine

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff5833, #ff8c1a, #ffc300, #ffed4d, #c1f0c1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff5833, #ff8c1a, #ffc300, #ffed4d, #c1f0c1);
}

Tavolozze di colori simili

Fire and Sunshine color palette created on .