Színátmenet-generátor

Készíts lineáris vagy radiális színátmenetet a kedvenc színeidből, állítsd be a szöget, és másold ki a kész CSS-kódot, vagy töltsd le a képet.

Az átmenet színei
Típus
Szög 135°
kattints a másoláshoz

Mi az a színátmenet?

A színátmenet (gradiens) két vagy több szín lágy átmenete. A webdesignban gyakran használják hátterekhez, gombokhoz és fejlécekhez, mert nagyon kevés kóddal ad mélységet és modern hatást.

Lineáris és radiális színátmenet

A lineáris átmenet egy egyenes mentén vált színt. Az irányt a szöggel adod meg (0° felfelé, 90° jobbra). A radiális átmenet egy középpontból indul, és körben terjed szét. Ez a generátor mindkettőt elkészíti, és megadja hozzá a megfelelő CSS-t (linear-gradient vagy radial-gradient).

Így használd CSS-ben

Másold ki a kódot, és illeszd be az elem background tulajdonságába. Több színt is hozzáadhatsz, és bármelyiket szerkesztheted. Ha hozzáillő színpaletta is kell, nézd meg a színpalettákat, vagy ellenőrizd a kontrasztot, mielőtt szöveget teszel rá.