CSS gradivni generator

Ustvarite linearne, radialne in konske CSS gradijete v brskalniku.

Barva stopi

Uporabite stopne ročice ali tipkovnice za urejanje položajev. Vsaka stop vključuje izrecno barvo, nepravilnost in odstotek.

pripravljena

Domača obdelava brskalnika

Vaš gradivec ostane v tem brskalniku. nobene barve ali ustvarjene CSS niso poslane na Converter.

omejena uvozna gramatika

Uvoz sprejema linearni gradiv(), radialni gradiv() ali konjski gradiv (), ki imajo hex barve in odstotke. izjave, URL-ji, spremenljivke in neznane funkcije so lokalno zavrnjene.

Dostopni padec

Ustvarjen CSS vključuje trdno ozadje-barvno padec poleg gradiva za nepodprte rendererje in dostopni krom nadzora.

Pogosto zastavljena vprašanja

Ali je moj gradient prenesen?

Ne Gradient stanje, barve, uvožene CSS in ustvarjene CSS ostanejo v brskalniku.

Katere vrste CSS gradij se podpirajo?

Generator ustvari linearni gradient(), radialni gradien(), in konjski gradients(), ki se izvajajo z več hex barvnih stop.

Kaj lahko uvažam?

Uvoz sprejme namerno omejeno grammar z uporabo ene podprte gradientne funkcije, hex barv, izbranih odstotkov in omejenih vrednosti kotov ali položaja.

Sestavljani razvijalec in oblikovalski orodji

Orodja za razvijalceBrskajte po pripomočkih brskalnika CSS Barvni pretvornikPretvori CSS barv SCSS PrevajalnikSass/SCSS snippetov na spletu Minifikator CSSKomprimirajte kodo CSS lokalno v brskalniku. Fotografija barve PickerIzberite barve iz slik lokalno.

CSS gradivni generator

Izdelava linearnih ali radialnih CSS gradij in predogled barvnih stop, kotov, položaja in ponavljanja.

Vhod
Gradijska vrsta, barve stop, položaje, kot in ponavljajoče se nastavitve.
Izhod
Pregled in kopiranje CSS ozadje izjava.
Resnične omejitve
Brskalnik rendering se lahko nekoliko razlikuje glede na motor, in orodje ne oceni kontrasta ali jamči podporo v dediščini brskalnikov.
Zasebnost in obdelava podatkov
gradijska vrsta, barve ustavitve, položaje, kot in ponavljajoče se nastavitve so obdelane v tej zavihki brskalnika. pretvornik ne prejme ali shrani; zapiranje ali ponovno naložitev strani očisti delovni status, razen če orodje izrecno ponuja lokalno prenos.

Kako uporabljati to orodje

  1. Daj tip gradiva, barve stop, pozicije, kot in ponavljajoče se nastavitve v kontrolnikih orodja.
  2. Izberite nastavitve, ki vplivajo na predogled v živo in kopirano CSS ozadje izjavo, nato pa zagon orodje.
  3. Preverite živo predogled in kopirano CSS ozadje izjavo, preden jo kopirate ali prenesete.

Skupni načini neuspeha

Pomanjkanje barvnega usta, neupravičeno barvo ali nezdružljiva položaj preprečuje, da se vgradijo veljavne izjave CSS.

Koristni primer

Ustvarite 90 stopinj linearni gradient od #111827 na 0 % do #f59e0b na 100% in kopirajte izjavo.