Generatore di gradienti CSS
Crea gradienti morbidi in OKLab o OKLCH, senza la zona grigia al centro tipica di RGB. Copia il CSS o le classi Tailwind.
Colori
Fondi in
OKLab mantiene luminoso il centro. sRGB è il modo in cui fondono i vecchi browser e spesso ingrigisce il centro.
Tipo
CSS
background: linear-gradient(90deg, #ff5733, #ec6659, #d87075, #c3788d, #ae7ea4, #9781b9, #7e83ce, #6183e2, #3b82f6);
background: linear-gradient(90deg in oklab, #ff5733, #3b82f6);Tailwind CSS v4
bg-linear-90/oklab from-[#ff5733] to-[#3b82f6]Colori lungo il gradiente
Gradienti popolari
- Gradiente da blu a viola
- Gradiente da rosa a arancione
- Gradiente da viola a rosa
- Gradiente da verde petrolio a blu
- Gradiente da arancione a giallo
- Gradiente da blu navy a verde petrolio
- Gradiente da rosso a arancione
- Gradiente da verde a blu
- Gradiente da nero a bianco
- Gradiente da corallo a oro
- Gradiente da ciano a magenta
- Gradiente da violetto a blu