Bright Psycho Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Bright Psycho palette

Ispirazione Colori

Immagini che mostrano questa palette di colori in design reali

Condividi questa palette a:

Scarica la tavolozza dei colori Bright Psycho (PNG)

Download bright psycho color palette PNG image (landscape)
Download bright psycho color palette PNG image (square)

tavolozza dei colori Bright Psycho CSS

/* CSS */
.color-1 {
color: #ff4d00;
}
.color-2 {
color: #ff9d00;
}
.color-3 {
color: #ffea00;
}
.color-4 {
color: #aaff00;
}
.color-5 {
color: #00ff3c;
}

/* CSS Variables */
:root {
--color-1: #ff4d00;
 --color-2: #ff9d00;
 --color-3: #ffea00;
 --color-4: #aaff00;
 --color-5: #00ff3c;
 }

CSS con gradiente di sfondo Bright Psycho

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff4d00, #ff9d00, #ffea00, #aaff00, #00ff3c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff4d00, #ff9d00, #ffea00, #aaff00, #00ff3c);
}

Tavolozze di colori simili

Bright Psycho color palette created on .