Generator gradientów CSS
Twórz płynne gradienty w OKLab lub OKLCH, bez szarej martwej strefy z RGB. Kopiuj CSS lub klasy Tailwind.
Kolory
Mieszaj w
OKLab utrzymuje jasny środek. sRGB to sposób mieszania starych przeglądarek, który często szarzeje w środku.
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]Kolory wzdłuż gradientu
Popularne gradienty
- Gradient niebieski – purpurowy
- Gradient różowy – pomarańczowy
- Gradient purpurowy – różowy
- Gradient zielonomodry – niebieski
- Gradient pomarańczowy – żółty
- Gradient granatowy – zielonomodry
- Gradient czerwony – pomarańczowy
- Gradient zielony – niebieski
- Gradient czarny – biały
- Gradient koralowy – złoty
- Gradient cyjan – magenta
- Gradient fioletowy – niebieski