Verwerk tot 200 beelde per taak — kies jou instellings een keer, voer almal uit.
Kies twee of meer kleure, sleep die gradiënt na smaak, kopieer die CSS. Of laai dit af as 'n PNG om as 'n muurpapier, skyfie-agtergrond of sosiale-media-agtergrond te gebruik. Lineêre, radiale en koniese gradiënte word almal ondersteun, plus 'n maasgradiënt-modus vir die sagte Apple-styl agtergronde wat jy in moderne UI's sien.
Gradiënttipes verduidelik
- Lineêr: reguit lyn van kleur A na kleur B. Rigtingkieser (bo→onder, diagonaal, ens.).
- Radiaal: konsentries — kleur A in die middel wat vervaag na kleur B aan die rande. Nuttig vir kolvlyt-effekte.
- Konies: swaai om 'n middelpunt soos 'n kleurwiel. Gewild in moderne UI-ontwerp.
- Maas (premium): veelvuldige kleurkolle wat glad meng. Die "Apple-gradiënt"-voorkoms.
Wat jy kan kopieer
- CSS: gereed-om-te-plak
linear-gradient(...) of background-image:-verklaring.
- Tailwind: die naaste
bg-gradient-*-klas plus enige bykomende pasgemaakte kleure.
- SVG: vir skaalbare gebruik in ikone of UI-grafika.
- PNG-aflewering: enige grootte, insluitend foonmuurpapier (1284×2778), rekenaar (3840×2160) en vierkantig (1080×1080).
Algemene gebruiksgevalle
- Foonmuurpapier: maasgradiënte is groot op iOS. Probeer ons iPhone-muurpapier-voorbeeld om te toets.
- Sosiale-media-agtergronde: onmiddellike handelsmerkvoorkoms vir aanhalingsgrafika.
- Held-afdelings: gradiënt-agtergronde is oral op bestemmingsbladsye.
- Skyfie-aanbiedings: vervang vervelige soliede agtergronde.
Kies kleure wat werk
Aangrensend op die kleurwiel = subtiel, harmonieus. Teenoorstaande = vet, aandagtrekkend. Voeg 'n derde middelpunt by om 'n wye gaping te oorbrug. Vir handelsmerk-getroue gradiënte, plak jou handelsmerk-HEX en kies 'n tint of skakering vir die tweede punt. Gebruik ons Kleur-omskakelaar om tinte (HSL met hoër helderheid) of skakerings (laer) te vind.
Gereelde vrae
Kan ek dit in produksie gebruik?
Ja — gekopieerde CSS werk in enige moderne blaaier. SVG-rugsteun word vir ouer teikens verskaf.
Wat van radiale gradiënt-blaaierondersteuning?
Universeel in moderne blaaiers. Die CSS-sintaksis is een lyn.
Hoe groot kan ek die PNG uitvoer?
Gratis: tot 4K (3840×2160). Premium: 8K en verder.
Is dit moeilik om maasgradiënte te gebruik?
Op die web is hulle SVG- of doekgebaseerd. Ons gee vir jou 'n platgemaakte PNG vir maklike gebruik, plus die SVG-bron vir redigering.
Kan ek my gradiënte stoor?
Teken in (gratis) en gestoorde gradiënte verskyn in jou biblioteek.
Wat is 'n 'koniese' gradiënt?
Swaai om 'n punt — soos 'n kleurwiel of 'n sirkeldiagram. Moderne CSS ondersteun dit natuurlik.
Werk dit vir geanimeerde gradiënte?
Slegs statiese uitvoer. Vir geanimeerde agtergronde, kopieer die CSS en voeg 'n CSS-animasie by die gradiënthoek.
Hoekom nie net CSS met die hand skryf nie?
Jy kan — die instrument maak net die visuele iterasie vinniger. Kopieer en plak.
Oor Gradiëntgenerator
Gradiëntgenerator is 'n gratis aanlyn hulpmiddel van Wallpapers.com wat geheel en al in jou blaaier werk — geen installasie, geen watermerk, geen e-pos aanmelding vir die eerste poging nie.
Bou lineêre of radiale gradiënte met kopieer-en-plak CSS-uitset.
Hoe om te gebruik Gradiëntgenerator
- Kies 'n kleur uit die staal of plak 'n HEX / RGB-waarde.
- Pas die uitset aan — palet, kontras, komplementêre kleure.
- Kopieer die waarde, of voer die staal uit as JSON.
Wanneer om dit te gebruik
Algemene gebruiksgevalle sluit in:
voorbereiding van prente vir web-oplaai, e-handel-lysinskrywings, sosiale-media-platforms met formaatbeperkings, en omskakeling van lêers van een toestel of toepassing na 'n ander.
Gratis vs Premium
Elke besoeker kry 'n gratis proeflopie; aangemelde gratis gebruikers kry 'n hoër daaglikse kwota. Teken in op
Premium
vir onbeperkte lopies, bondelverwerking tot 200 prente per taak, prioriteitsry, en advertensievrye blaai.
Verwante gereedskap
Soek jy iets effens anders? Probeer die
Kleurkieser van Beeld
,
Palette Extractor
of
Gryskaal-omskakelaar
— of blaai deur alle
Kleurgereedskap gereedskap.
