Gradient z „fialková“ do „petrolejová“
Plynulý CSS gradient z „fialková“ do „petrolejová“, míchaný v OKLab, aby střed zůstal čistý. Změňte úhel, přidejte barvy a zkopírujte kód.
Barvy
OKLab udrží střed jasný. V sRGB míchají barvy staré prohlížeče a střed v něm často zešedne.
CSS
background: linear-gradient(90deg, #ee82ee, #d885e0, #c286d2, #ac87c4, #9587b6, #7d86a8, #62859b, #42838d, #008080);
background: linear-gradient(90deg in oklab, #ee82ee, #008080);Tailwind CSS v4
bg-linear-90/oklab from-[#ee82ee] to-[#008080]Barvy podél gradientu
Jak se „fialková“ a „petrolejová“ míchají v jednotlivých prostorech
Stejné dvě barvy dávají jiný střed podle toho, v jakém prostoru je prohlížeč míchá. Toto jsou přesné barvy v 50 %. Tyto dvě barvy se míchají téměř stejně v každém prostoru: střed je v OKLab #9587b6 a v sRGB #7781b7, takže poslouží kterýkoli.
| Míchat v | Náhled gradientu | Prostřední barva | Světlost | Chroma |
|---|---|---|---|---|
| OKLab | #9587b6 | 65,3 % | 0.071 | |
| OKLCH | #5e8ee4 | 65,3 % | 0.139 | |
| sRGB | #7781b7 | 61,7 % | 0.083 | |
| LCH | #3a94e1 | 64,9 % | 0.143 | |
| HSL | #0f0fe9 | 43 % | 0.287 |
Otázky k tomuto gradientu
Jak v CSS vytvořit gradient z „fialková“ do „petrolejová“?
Použijte background: linear-gradient(90deg in oklab, #ee82ee, #008080). Pro velmi staré prohlížeče před něj přidejte řádek s verzí v sRGB. Interpolace v OKLab funguje ve všech současných prohlížečích.
Jaká barva leží v polovině mezi „fialková“ a „petrolejová“?
Při míchání v OKLab je v polovině mezi „fialková“ a „petrolejová“ barva #9587b6. Prosté míchání v sRGB dává #7781b7.
Jak vytvořit gradient z „fialková“ do „petrolejová“ v Tailwind CSS?
V Tailwind CSS v4 použijte třídy bg-linear-90/oklab from-[#ee82ee] to-[#008080].
Oblíbené gradienty
- Gradient z „petrolejová“ do „fialková“
- Gradient z „fialková“ do „červená“
- Gradient z „fialková“ do „oranžová“
- Gradient z „fialková“ do „zlatá“
- Gradient z „fialková“ do „žlutá“
- Gradient z „fialková“ do „zelená“
- Gradient z „fialková“ do „azurová“
- Gradient z „fialková“ do „modrá“
- Gradient z „fialková“ do „námořnická modrá“
- Gradient z „fialková“ do „purpurová“
- Gradient z „fialková“ do „růžová“