Kizalishi cha Gradient kutoka Picha

Zana zote

Vuta gradient nzuri kutoka picha yoyote — dondosha picha, chagua hisia, na rangi kuu zinakuwa vituo vya gradient vinavyoweza kuburuzwa. Nakili CSS tayari kubandika papo hapo.

Buruta & udondoshe picha hapa

au bofya kuvinjari — unaweza pia kubandika kutoka ubao wako wa kunakilia

Kila kitu kinafanya kazi kwenye kivinjari chako — picha yako haipakiwi kamwe, hakuna usajili, bila malipo kabisa.

Picha ya chanzo
Inasoma rangi…
Picha ya chanzo
Hisia
Rangi zilizovutwa
Hizi ni rangi kuu zilizovutwa kutoka picha yako. Bofya kiti kunakili, au buruta vituo hapa chini kurekebisha gradient.
Onyesho la gradient
Aina ya gradient
Pembe
°
Vituo vya rangi
Buruta kishikio kuhamisha kituo, au bofya mwambaa kuongeza moja. Chagua kituo kuhariri rangi yake.
Kituo kilichochaguliwa
%
CSS
background: —;

Kuhusu Kizalishi cha Gradient kutoka Picha

Kitengeneza Gredienti kutoka Picha (Gradient Generator from Image) hubadilisha picha yoyote kuwa gredienti ya CSS tayari kutumika. Dondosha, vinjari au bandika picha na chombo huisoma kwenye kanvasi, hutoa rangi zake kuu na kuzipanga kama vituo vya gredienti unavyoweza kuburuta, kubadilisha rangi na kupanga upya hadi mchanganyiko ulingane na hisia ya picha asilia.

Kichaguzi cha hisia — Zenye Rangi Nyingi, Angavu, Zilizopunguzwa Nguvu, Nzito au Nyeusi — hubadilisha ni rangi zipi zilizotolewa zinazokuwa vituo, hivyo picha moja inaweza kutoa gredienti kadhaa tofauti kabisa. Unadhibiti aina ya gredienti (mstari, duara au koni), pembe, na vituo vyenyewe: bofya upau ili kuongeza kimoja, buruta kubadilisha nafasi, geuza upande au zungusha kwa mbofyo mmoja.

Mchakato mzima huendeshwa kwenye kivinjari chako; picha yako haipakiwi kamwe kwenye seva. Muonekano unapoonekana sahihi, nakili kanuni kamili ya CSS, thamani ya usuli tu, au rangi zilizotolewa pekee — bora kwa sehemu za "hero", usuli wa kurasa na michoro ya chapa inayotokana na upigaji picha.

Jinsi ya kutumia Kizalishi cha Gradient kutoka Picha

  1. Buruta na dondosha picha, bofya kuvinjari, au bandika moja kutoka kwenye ubao wako wa kunakili.
  2. Chagua hisia — Zenye Rangi Nyingi, Angavu, Zilizopunguzwa Nguvu, Nzito au Nyeusi — ili kuchagua ni rangi zipi zilizotolewa zinazokuwa vituo.
  3. Chagua aina ya gredienti (mstari, duara au koni) na urekebishe pembe.
  4. Buruta vituo vya rangi ili kuboresha mchanganyiko; ongeza, ondoa, geuza upande au panga upya vituo inavyohitajika.
  5. Bofya "Copy CSS" ili kuchukua msimbo wa gredienti tayari kubandikwa.

Maswali yanayoulizwa mara kwa mara

Hapana. Picha husomwa moja kwa moja kwenye kanvasi ndani ya kivinjari chako, na utoaji wa rangi na hesabu za gredienti vyote hufanyika ndani yake. Hakuna kinachotoka kwenye kifaa chako wakati wowote.

Ndiyo, kabisa. Kwa kuwa kila kitu huendeshwa upande wa mteja hakuna mikopo, akaunti au vikomo — toa gredienti kutoka picha nyingi kadri unavyotaka.

Chombo hiki huanzia kwenye picha: hutoa rangi kuu za picha na kujenga gredienti kutoka kwazo. Kitengeneza Gredienti cha kawaida huanzia mwanzo kabisa na rangi unazochagua mwenyewe. Vyote viwili hutoa aina moja ya CSS inayoweza kuhaririwa na kunakiliwa.

Hisia hupanga upya rangi zilizotolewa kutoka kwenye picha yako: Zenye Rangi Nyingi hupendelea rangi angavu na tofauti, Angavu huchagua toni nyepesi zenye mng'ao, Zilizopunguzwa Nguvu huchagua zile laini zaidi, na Nzito na Nyeusi huchota rangi tajiri, zilizo giza zaidi. Kubadilisha hisia hujenga upya vituo vya gredienti papo hapo.

Ndiyo. Kila kituo kinaburutika, unaweza kubofya upau ili kuongeza vituo au kuondoa vilivyochaguliwa, kubadilisha rangi ya kituo chochote, kubadilisha kati ya mstari, duara na koni, kuzungusha pembe kwa hatua za 45°, kugeuza mwelekeo, au kupanga upya rangi mpya kutoka kwenye picha.
Shiriki hii
Zana Zinazohusiana
Kizalishi cha Gradient Jenga CSS gradient za mstari, radial na conic kutoka mwanzo na udhibiti wa vituo vingi vinavyoweza kuburuzwa na vianzio vilivyopangwa. Nakili CSS tayari kubandika papo hapo. Bila Malipo
Kichomaji cha Rangi za Picha Vuta rangi zilizosafishwa, tayari kunakiliwa kutoka picha yoyote. Bila Malipo
Kizalishi cha Rangi za Rangi Jenga rangi zenye usawa kutoka kwenye gurudumu la rangi linalowingiliana — tumia sheria za usawa kama analogous, complementary au triad, kisha nakili thamani yoyote papo hapo. Bila Malipo
Skrini ya Kijani Kamili Jaza skrini yako yote kwa kijani safi ili kujaribu kituo cha sub-pixel cha kijani, kufichua pikseli zilizokufa au kutumia kama mandhari ya haraka ya chroma-key. Bila malipo. Bila Malipo
Skrini Nyeusi Kamili Jaza skrini yako yote kwa weusi safi — bora kwa kugundua pikseli zilizokwama zikiwa mkali, kuangalia uvujaji wa mwanga wa nyuma au kama mandhari nyeusi isiyo na vikwazo. Bila malipo. Bila Malipo
Skrini Nyekundu Kamili Jaza skrini yako yote kwa wekundu safi ili kujaribu kituo cha sub-pixel chekundu na kufichua pikseli zilizokufa kwenye uwanja wa rangi. Bila malipo na hufanya kazi kwenye kivinjari chako. Bila Malipo
Utafutaji maarufu
gradienti kutoka picha toa gradienti kwenye picha picha kwenda css gradienti jenereta ya gradienti ya picha tengeneza gradienti kutoka picha css gradienti kutoka picha
Unahitaji msaada?
Umepata tatizo na zana hii? Tujulishe timu yetu.
Ripoti tatizo

Ongeza zana hii ya bure kwenye tovuti yako mwenyewe — nakili na ubandike msimbo ulio hapa chini.