CSS-gradientgenerator
Lav bløde gradienter i OKLab eller OKLCH uden den grå døde zone fra RGB. Kopiér CSS eller Tailwind-klasser.
Farver
Bland i
OKLab holder midten klar. sRGB er den måde, gamle browsere blander på, og bliver ofte grå i midten.
Type
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]Farver langs gradienten
Populære gradienter
- Gradient fra blå til lilla
- Gradient fra lyserød til orange
- Gradient fra lilla til lyserød
- Gradient fra blågrøn til blå
- Gradient fra orange til gul
- Gradient fra marineblå til blågrøn
- Gradient fra rød til orange
- Gradient fra grøn til blå
- Gradient fra sort til hvid
- Gradient fra koral til guld
- Gradient fra cyan til magenta
- Gradient fra violet til blå