Karamihan sa mga gradient tool ay isang linya lang ng CSS ang ibinibigay sa iyo. Ang tool na ito ay talagang gumuguhit ng gradient sa isang tunay na canvas at binibigyan kang i-download ang tapos na PNG sa eksaktong pixel size na kailangan mo - phone wallpaper, 1920x1080 na desktop background, square na social post, o custom na dimensyon. Walang ini-upload: ang image ay ginuguhit at sine-save nang buo sa iyong device, kaya nananatiling pribado ang iyong mga kulay at file.
Libreng Gradient Generator
Tumatakbo nang buo sa iyong browser - walang upload, walang sign-up.
Uri
Size ng image
px
Mga color stop
Nagse-save ng tunay na PNG sa 1920×1080 px
Ano ang gradient generator?
Ang gradient generator ay isang tool na naghahalo ng dalawa o higit pang kulay para gumawa ng maayos na gradient at i-export ito bilang image na puwede mong i-download. Piliin ang mga kulay at stop, pumili ng linear o radial, itakda ang size, at i-save bilang PNG para sa wallpaper, background, banner o thumbnail. Lahat ito gumagana diretso sa iyong browser.
Paano gamitin
- 1Piliin ang linear o radial. Ang linear ay naghahalo ng mga kulay sa tuwid na linya sa anggulong itinakda mo; ang radial naman ay kumakalat mula sa gitna papalabas bilang bilog.
- 2Itakda ang mga kulay at stop. I-click ang isang swatch para pumili ng kulay at i-drag ang slider nito para ilipat ang stop. Magdagdag ng hanggang 8 stops o bawasan hanggang 2, at pindutin ang Randomize para sa mabilis na idea.
- 3Piliin ang size ng image. Pindutin ang isang preset (desktop, phone, square, social) o mag-type ng custom na width at height sa pixels. Nag-uupdate nang live ang preview.
- 4I-download ang PNG. I-click ang Download PNG para i-save ang gradient bilang image sa full resolution, o kopyahin ang CSS para muling gamitin ang parehong gradient sa code.
Para kanino ito
- Mga designer at content creator na kailangan ng malinis na gradient background image para sa slide, thumbnail, banner o story nang hindi na kailangang buksan ang Photoshop.
- Mga user ng phone at desktop na gumagawa ng custom na gradient wallpaper na eksakto sa resolution ng kanilang screen.
- Mga developer na gustong magkaroon ng light na gradient PNG placeholder o hero image, kasama ang katugmang CSS para maireproduce ito sa code.
- Mga social media manager na nag-e-export ng gradient background na naaayon sa brand at naka-size para sa posts, stories, at cover image.
FAQ
Libre ba ang gradient generator na ito?
Oo - 100% libre, walang sign up, walang watermark, at walang limit. Gumawa at mag-download ng kahit ilang gradient image na gusto mo.
May ini-upload ba sa server?
Wala. Ang gradient ay ginuguhit at sine-save nang buo sa iyong browser gamit ang canvas. Walang kulay, image, o usage data na ipinapadala kahit saan.
Anong image format ang ini-export nito?
Nag-e-export ito ng PNG, na pinapanatiling perpektong makinis at walang nawawalang kalidad ang gradient nang walang compression artifacts. Sine-save ang file sa buong pixel size na itinakda mo, handa nang gamitin bilang wallpaper, background, o i-upload.
Anong size ang dapat gawin para sa gradient wallpaper?
Itugma ito sa iyong screen. Karaniwang pinipili ay 1920x1080 para sa karamihan ng desktop, 1080x1920 para sa phone sa portrait, at 1080x1080 para sa square na social post. Puwede ka ring maglagay ng kahit anong custom na width at height hanggang 8000 pixels.
Ano ang pagkakaiba ng linear at radial gradient?
Ang linear gradient ay naghahalo ng mga kulay sa tuwid na linya sa anggulong pinili mo, kaya nagbabago ang kulay sa buong image. Ang radial gradient naman ay nagsisimula sa isang center point at kumakalat papalabas bilang bilog, kaya nagbabago ang kulay mula gitna papunta sa mga gilid.
Makukuha ko ba ang CSS pati na rin ang image?
Oo. Bukod sa madodownload na PNG, ipinapakita rin ng tool ang katugmang background-image CSS. Kopyahin ito para maireproduce ang eksaktong parehong gradient sa isang website o app sa halip na gamitin ang image file.
Paano gumagana ang color stops?
Bawat stop ay nagpapares ng kulay sa isang posisyon mula 0% hanggang 100% sa buong gradient. Maayos na dumadaloy ang paghahalo sa pagitan ng magkatabing stop. Ang paglalagay ng dalawang stop sa parehong posisyon ay gumagawa ng matigas na gilid sa halip na banayad na paghahalo, na kapaki-pakinabang para sa stripes o color-block na background.