Színeszközök

CSS-színátmenet generátor: lineáris, sugaras és kúpos

Ingyenes, regisztráció nélkül, a böngésződben működik. Lineáris, sugaras vagy kúpos színátmenet 2–8 színmegállóval, élő előnézettel, CSS-kóddal, valamint PNG-letöltéssel HD és 4K méretben.

Színmegállók

  • 0%
  • 100%

CSS

background: #ff7ac6;
background: linear-gradient(135deg, #ff7ac6 0%, #ffe14d 100%);

Az első sor egy egyszínű szín a nagyon régi eszközöknek, amelyek nem tudnak színátmenetet megjeleníteni.

Kezdés sablonból

Az eszközödön készül.

Miért érdemes használni ezt: CSS-színátmenet generátor

100%-ban ingyenes
Használd, ahányszor szeretnéd. Nincs regisztráció, nincs vízjel, nincs mit telepíteni.
Adatvédelem a tervezésben
Amit beírsz, a böngésződben marad, és soha nem küldjük el nekünk.
Bármilyen eszközön működik
A böngésződben fut Windows, Mac, Linux, Android és iPhone rendszeren. Nincs szükség alkalmazásra.

Így használd: CSS-színátmenet generátor

  1. Típus kiválasztása: Lineáris, Sugaras vagy Kúpos. Az irány a csúszkával állítható; sugaras esetén Kör vagy Ellipszis választható.
  2. A Színmegállók alatt minden szín kiválasztható vagy kódja beírható, a csúszkával pedig a helye állítható. További színhez Megálló hozzáadása, legfeljebb 8-ig; a sorrend a Megfordítás gombbal fordítható meg.
  3. Vagy a Kezdés előre beállított színátmenetből résznél válassz egy sablont, és onnan alakítsd tovább.
  4. A CSS másolása gomb után a kód beilleszthető a stíluslapba; a Képméret kiválasztása után pedig a PNG letöltése gombbal menthető.

Gyakori kérdések

Hogyan használom a CSS-t?

Illeszd be mindkét sort abba a szabályba, amelyik a színezni kívánt elemre vonatkozik, például a body-ra vagy egy gombra. Az első sor egyszínű tartalék, a második a színátmenet.

Mi a különbség a lineáris, sugaras és kúpos között?

A lineáris egyenes vonal mentén keveredik, a sugaras a középpontból kör vagy ellipszis alakban terjed, a kúpos pedig a középpont körül söpör, mint egy színkerék vagy egy kördiagram.

Hogyan változtatom a lineáris színátmenet irányát?

Húzd az Irány csúszkát 0° és 360° között. A 0° alulról felfelé, a 90° balról jobbra, a 180° felülről lefelé, a 135° pedig átlósan jobbra lefelé fut.

Hány színe lehet a színátmenetnek?

2-től 8 színmegállóig. Minden megállónak helye van 0%-tól 100%-ig; két megállót azonos helyre téve éles határ lesz a színek között, nem átmenet.

Használhatok átlátszóságot?

Igen. Írj be egy színt, például rgba(47, 91, 255, 0.5) formában vagy 8 számjegyű HEX kódként, és a színátmenet ott áttetszővé válik.

Letölthetem a színátmenetet képként?

Igen. Válaszd a 1920 × 1080, 3840 × 2160, 1080 × 1080, 1080 × 1920 vagy 1500 × 500 méretet, és kattints a PNG letöltése gombra háttérképhez, diához, közösségi bejegyzéshez vagy fejléchez.

Működik a CSS Tailwinddel, Reacttel vagy WordPress-szel?

Igen. A kód sima CSS, ezért tedd egy osztályba a stíluslapban (vagy egyéni CSS-mezőben), és add hozzá ezt az osztályt az elemhez. Minden modern böngészőben működik.

Feltöltődik valami?

Nem. A színátmenetek a készülékeden készülnek.

Ingyenes a(z) CSS-színátmenet generátor?

Igen. Ingyenesen használható, regisztráció és telepítés nélkül.

Súgók és útmutatók (angolul)

Kapcsolódó eszközök