Generátor CSS gradientů
Vytvářejte plynulé gradienty v OKLab nebo OKLCH, bez šedého mrtvého pásma, které vzniká v RGB. Zkopírujte CSS nebo třídy Tailwind.
Barvy
Míchat v
OKLab udrží střed jasný. V sRGB míchají barvy staré prohlížeče a střed v něm často zešedne.
Typ
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]Barvy podél gradientu
Oblíbené gradienty
- Gradient z „modrá“ do „purpurová“
- Gradient z „růžová“ do „oranžová“
- Gradient z „purpurová“ do „růžová“
- Gradient z „petrolejová“ do „modrá“
- Gradient z „oranžová“ do „žlutá“
- Gradient z „námořnická modrá“ do „petrolejová“
- Gradient z „červená“ do „oranžová“
- Gradient z „zelená“ do „modrá“
- Gradient z „černá“ do „bílá“
- Gradient z „korálová“ do „zlatá“
- Gradient z „azurová“ do „magenta“
- Gradient z „fialková“ do „modrá“