Vibrant Yellow Aiya Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Vibrant Yellow Aiya palette

Condividi questa palette a:

Scarica la tavolozza dei colori Vibrant Yellow Aiya (PNG)

Download vibrant yellow aiya color palette PNG image (landscape)
Download vibrant yellow aiya color palette PNG image (square)

tavolozza dei colori Vibrant Yellow Aiya CSS

/* CSS */
.color-1 {
color: #f1c40e;
}
.color-2 {
color: #e77e23;
}
.color-3 {
color: #d15400;
}
.color-4 {
color: #bf3a2b;
}
.color-5 {
color: #8d43ad;
}

/* CSS Variables */
:root {
--color-1: #f1c40e;
--color-2: #e77e23;
--color-3: #d15400;
--color-4: #bf3a2b;
--color-5: #8d43ad;
}

CSS con gradiente di sfondo Vibrant Yellow Aiya

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f1c40e, #e77e23, #d15400, #bf3a2b, #8d43ad);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f1c40e, #e77e23, #d15400, #bf3a2b, #8d43ad);
}

Vibrant Yellow Aiya color palette created on .