Picha za Ukuta

Kizazi cha Gradient

Tengeneza Gradients za Linear, Radial, na Mesh Kwa Macho

Tengeneza gradients za linear au radial kwa matokeo ya CSS yanayoweza kunakiliwa na kubandikwa.

Dondosha picha ili kutoa rangi, au chagua rangi hapa chini

Bure kujaribu.

Chagua rangi mbili au zaidi, buruta gradient kwa ladha yako, nakili CSS. Au pakua kama PNG kutumia kama mandhari, mandhari ya slaidi, au mandhari ya machapisho ya mitandao ya kijamii. Gradients za linear, radial, na conic zinaungwa mkono, pamoja na hali ya mesh-gradient kwa mandhari laini za mtindo wa Apple unazoziona katika UI za kisasa.

Aina za gradient zimeelezwa

  • Linear: mstari ulionyooka kutoka rangi A hadi rangi B. Kichagua mwelekeo (juu→chini, diagonal, n.k.).
  • Radial: mduara — rangi A katikati ikififia hadi rangi B pembeni. Inafaa kwa athari za mwanga wa taa.
  • Conic: inazunguka katikati kama gurudumu la rangi. Mtindo wa kisasa katika muundo wa UI.
  • Mesh (premium): madoa mengi ya rangi yaliyochanganywa vizuri. Muonekano wa "Apple gradient".

Unachoweza kunakili

  1. CSS: tayari kubandika linear-gradient(...) au tamko la background-image:.
  2. Tailwind: darasa la karibu zaidi la bg-gradient-* pamoja na nyongeza za rangi maalum.
  3. SVG: kwa matumizi yanayoweza kubadilishwa ukubwa katika aikoni au michoro ya UI.
  4. Upakuaji wa PNG: ukubwa wowote, ikijumuisha mandhari ya simu (1284×2778), desktop (3840×2160), na mraba (1080×1080).

Matumizi ya kawaida

  • Mandhari ya simu: mesh gradients ni maarufu kwenye iOS. Jaribu Onyesho la Mandhari la iPhone kujaribu.
  • Mandhari ya machapisho ya mitandao ya kijamii: muonekano wa haraka wa chapa kwa picha za nukuu.
  • Sehemu za Hero: mandhari ya gradient yapo kila mahali kwenye kurasa za kutua.
  • Vifurushi vya slaidi: badilisha mandhari ya kawaida yenye rangi moja.

Kuchagua rangi zinazofanya kazi

Rangi zilizo karibu kwenye gurudumu la rangi = laini, zenye usawa. Zilizo kinyume = kali, zinazovutia. Ongeza kituo cha tatu cha kati kuunganisha pengo kubwa. Kwa gradients zinazofuata chapa, bandika HEX ya chapa yako na chagua tint au shade kwa kituo cha pili. Tumia Kigeuzi cha Rangi kupata tints (HSL yenye mwangaza zaidi) au shades (chini).

Maswali yanayoulizwa mara kwa mara

Je, ninaweza kutumia hizi katika uzalishaji?

Ndiyo — CSS iliyonakiliwa inafanya kazi kwenye kivinjari chochote cha kisasa. Mbinu mbadala za SVG zinatolewa kwa malengo ya zamani.

Vipi kuhusu usaidizi wa vivinjari kwa radial gradient?

Inatumika kwa wote katika vivinjari vya kisasa. Sintaksia ya CSS ni mstari mmoja.

Je, ninaweza kuuza PNG kwa ukubwa gani?

Bure: hadi 4K (3840×2160). Premium: 8K na zaidi.

Je, gradients za mesh ni ngumu kutumia?

Kwenye wavuti zinatokana na SVG au canvas. Tunakupa PNG iliyobanwa kwa urahisi wa matumizi, pamoja na chanzo cha SVG kwa ajili ya kuhariri.

Je, ninaweza kuhifadhi gradients zangu?

Ingia (bila malipo) na gradients zilizohifadhiwa zitaonekana kwenye maktaba yako.

Je, 'conic' gradient ni nini?

Inazunguka kwenye sehemu moja — kama gurudumu la rangi au chati ya pai. CSS ya kisasa inaweza kutumia hii kwa asili.

Je inafanya kazi kwa gradients zenye uhuishaji?

Usafirishaji tuli pekee. Kwa mandhari yenye uhuishaji, nakili CSS na ongeza uhuishaji wa CSS kwenye pembe ya gradient.

Kwa nini usiandike CSS kwa mkono?

Unaweza — zana hiyo inafanya mabadiliko ya kuona kuwa ya haraka zaidi. Nakili na urekebishe.

Kuhusu Kizazi cha Gradient

Kizazi cha Gradient ni zana ya bure mtandaoni kutoka Wallpapers.com inayofanya kazi kwenye kivinjari chako — hakuna usakinishaji, hakuna alama ya maji, hakuna usajili wa barua pepe kwa jaribio la kwanza. Tengeneza gradients za linear au radial kwa matokeo ya CSS yanayoweza kunakiliwa na kubandikwa.

Jinsi ya kutumia Kizazi cha Gradient

  1. Chagua rangi kutoka kwa sampuli au bandika thamani ya HEX / RGB.
  2. Rekebisha matokeo — palette, utofautishaji, rangi zinazosaidiana.
  3. Nakili thamani, au hamisha sampuli kama JSON.

Wakati wa kuitumia

Matumizi ya kawaida ni pamoja na: kuandaa picha kwa ajili ya kupakia kwenye wavuti, orodha za biashara mtandaoni, majukwaa ya mitandao ya kijamii yenye vikwazo vya umbizo, na kubadilisha faili kutoka kifaa au programu moja hadi nyingine.

Bure dhidi ya Premium

Kila mgeni anapata jaribio la bure; watumiaji walioingia na akaunti ya bure wanapata kiwango cha juu cha kila siku. Jiandikisha kwa Premium kwa matumizi yasiyo na kikomo, usindikaji wa wingi hadi picha 200 kwa kazi, foleni ya kipaumbele, na kuvinjari bila matangazo.

Zana zinazohusiana

Unatafuta kitu tofauti kidogo? Jaribu Kichagua Rangi kutoka Picha , Kichimbaji cha Rangi or Kibadilishaji cha Kijivujivu — au vinjari vyote Zana za Rangi Zana.

⭐ Premium

Fungua kila zana — hakuna vikomo, hakuna kusubiri

  • ✓ Mikopo 200 ya AI / mwezi — kuzalisha picha, kukuza, kujaza
  • ✓ Usindikaji wa kundi kubwa (hadi faili 200 kwa wakati mmoja)
  • ✓ Pakua 8K bila matangazo
  • ✓ Foleni ya kipaumbele — hakuna vikomo vya kasi
Jaribu Bure kwa Siku 7 →
moja kwa moja
Tengeneza mandhari
kwa AI.
›
Jaribu →