Y3K Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Y3K palette

Ispirazione Colori

Immagini che mostrano questa palette di colori in design reali

Condividi questa palette a:

Scarica la tavolozza dei colori Y3K (PNG)

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

tavolozza dei colori Y3K CSS

/* CSS */
.color-1 {
color: #ff6d1f;
}
.color-2 {
color: #ff9a2e;
}
.color-3 {
color: #ffb35c;
}
.color-4 {
color: #ffd95c;
}
.color-5 {
color: #ffec99;
}

/* CSS Variables */
:root {
--color-1: #ff6d1f;
 --color-2: #ff9a2e;
 --color-3: #ffb35c;
 --color-4: #ffd95c;
 --color-5: #ffec99;
 }

CSS con gradiente di sfondo Y3K

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6d1f, #ff9a2e, #ffb35c, #ffd95c, #ffec99);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6d1f, #ff9a2e, #ffb35c, #ffd95c, #ffec99);
}

Tavolozze di colori simili

Y3K color palette created on .