Hippie Orange Sunshine Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Hippie Orange Sunshine palette

Condividi questa palette a:

Immagine PNG della tavolozza dei colori Hippie Orange Sunshine

Download hippie orange sunshine color palette PNG image (landscape)
Download hippie orange sunshine color palette PNG image (square)

tavolozza dei colori Hippie Orange Sunshine CSS

/* CSS */
.color-1 {
color: #ff6d2e;
}
.color-2 {
color: #ffa07a;
}
.color-3 {
color: #ffcb5c;
}
.color-4 {
color: #e0f1ff;
}
.color-5 {
color: #7fd959;
}

/* CSS Variables */
:root {
--color-1: #ff6d2e;
 --color-2: #ffa07a;
 --color-3: #ffcb5c;
 --color-4: #e0f1ff;
 --color-5: #7fd959;
 }

CSS con gradiente di sfondo Hippie Orange Sunshine

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6d2e, #ffa07a, #ffcb5c, #e0f1ff, #7fd959);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6d2e, #ffa07a, #ffcb5c, #e0f1ff, #7fd959);
}

Tavolozze di colori simili

Scorri verso il basso per esplorare 4 tavolozzas di colori Hippie

Hippie Orange Sunshine color palette created on .