Gradient koralowy – żółty
Płynny gradient CSS koralowy – żółty, mieszany w OKLab, więc środek zostaje czysty. Zmień kąt, dodaj kolory i skopiuj kod.
Kolory
OKLab utrzymuje jasny środek. sRGB to sposób mieszania starych przeglądarek, który często szarzeje w środku.
CSS
background: linear-gradient(90deg, #ff7f50, #ff904e, #ffa14a, #ffb146, #ffc141, #ffd13a, #ffe030, #fff022, #ffff00);
background: linear-gradient(90deg in oklab, #ff7f50, #ffff00);Tailwind CSS v4
bg-linear-90/oklab from-[#ff7f50] to-[#ffff00]Kolory wzdłuż gradientu
Jak koralowy i żółty mieszają się w każdej przestrzeni barw
Te same dwa kolory dają inny środek zależnie od przestrzeni, w której miesza je przeglądarka. Oto dokładne kolory w punkcie 50%. Te dwa kolory mieszają się prawie tak samo w każdej przestrzeni: środek to #ffc141 w OKLab i #ffbf28 w sRGB, więc każda się nada.
| Mieszaj w | Podgląd gradientu | Kolor środkowy | Jasność | Chroma |
|---|---|---|---|---|
| OKLab | #ffc141 | 85,2% | 0.156 | |
| OKLCH | #ffbd3a | 85,2% | 0.19 | |
| sRGB | #ffbf28 | 84,1% | 0.164 | |
| LCH | #ffbd46 | 85,4% | 0.171 | |
| HSL | #ffb028 | 81,4% | 0.163 |
Pytania o ten gradient
Jak zrobić gradient koralowy – żółty w CSS?
Użyj background: linear-gradient(90deg in oklab, #ff7f50, #ffff00). Dla bardzo starych przeglądarek dodaj przed nim linię z wersją sRGB. Interpolacja w OKLab działa we wszystkich aktualnych przeglądarkach.
Jaki kolor leży w połowie między koralowy a żółty?
Przy mieszaniu w OKLab kolor w połowie między koralowy a żółty to #ffc141. Zwykłe mieszanie w sRGB daje #ffbf28.
Jak zrobić gradient koralowy – żółty w Tailwind CSS?
W Tailwind CSS v4 użyj klas bg-linear-90/oklab from-[#ff7f50] to-[#ffff00].
Popularne gradienty
- Gradient żółty – koralowy
- Gradient koralowy – czerwony
- Gradient koralowy – pomarańczowy
- Gradient koralowy – złoty
- Gradient koralowy – zielony
- Gradient koralowy – morski
- Gradient koralowy – cyjan
- Gradient koralowy – niebieski
- Gradient koralowy – granatowy
- Gradient koralowy – purpurowy
- Gradient koralowy – fioletowy