Kebanyakan alat gradien hanya memberikan anda satu baris kod CSS. Alat ini pula melukis gradien ke kanvas sebenar dan membolehkan anda muat turun PNG siap pada saiz piksel tepat yang anda perlukan - kertas dinding telefon, latar belakang desktop 1920x1080, siaran media sosial berbentuk segi empat sama atau dimensi tersuai. Tiada apa dimuat naik: imej dilukis dan disimpan sepenuhnya pada peranti anda, jadi warna dan fail anda kekal peribadi.
Penjana Gradien Warna Percuma
Berjalan sepenuhnya dalam pelayar anda - tanpa muat naik, tanpa pendaftaran.
Jenis
Saiz imej
px
Titik henti warna
Menyimpan PNG sebenar pada 1920×1080 px
Apakah itu penjana gradien warna?
Penjana gradien warna ialah alat yang mencampurkan dua warna atau lebih menjadi gradien yang licin dan mengeksportnya sebagai imej yang boleh dimuat turun. Pilih warna dan titik hentinya, tetapkan linear atau radial, tetapkan saiz, dan simpan sebagai PNG untuk kertas dinding, latar belakang, sepanduk atau thumbnail. Semuanya berjalan terus dalam pelayar anda.
Cara guna
- 1Pilih linear atau radial. Linear mencampurkan warna sepanjang garis lurus pada sudut yang anda tetapkan; radial menyebarkan warna keluar dari pusat sebagai bulatan.
- 2Tetapkan warna dan titik henti anda. Klik swatch untuk memilih warna dan seret slidernya untuk menggerakkan titik henti. Tambah sehingga 8 titik henti atau kurangkan kepada 2, dan tekan Rawak untuk idea pantas.
- 3Pilih saiz imej. Ketik prapenetapan (desktop, telefon, segi empat sama, media sosial) atau taip lebar dan tinggi tersuai dalam piksel. Pratonton dikemas kini secara langsung.
- 4Muat turun PNG. Klik Muat Turun PNG untuk menyimpan gradien sebagai imej pada resolusi penuh, atau salin kod CSS untuk menggunakan semula gradien yang sama dalam kod.
Untuk siapa
- Pereka bentuk dan pencipta kandungan yang memerlukan imej latar belakang gradien yang kemas untuk slaid, thumbnail, sepanduk atau story tanpa perlu membuka Photoshop.
- Pengguna telefon dan desktop yang membuat kertas dinding gradien tersuai mengikut resolusi skrin mereka yang tepat.
- Pembangun yang mahukan placeholder PNG gradien yang ringan atau imej hero, berserta kod CSS yang sepadan untuk menghasilkannya semula dalam kod.
- Pengurus media sosial yang mengeksport latar belakang gradien mengikut jenama dengan saiz untuk siaran, story dan imej penutup.
Soalan lazim
Adakah penjana gradien ini percuma?
Ya - 100% percuma, tiada pendaftaran, tiada tera air dan tiada had. Buat dan muat turun seberapa banyak imej gradien yang anda mahu.
Adakah apa-apa dimuat naik ke pelayan?
Tidak. Gradien dilukis dan disimpan sepenuhnya dalam pelayar anda menggunakan canvas. Tiada warna, imej atau data penggunaan dihantar ke mana-mana.
Format imej apakah yang dieksport?
Ia mengeksport PNG, yang mengekalkan gradien licin sempurna dan tanpa kehilangan kualiti tanpa artifak mampatan. Fail disimpan pada saiz piksel penuh yang anda tetapkan, sedia digunakan sebagai kertas dinding, latar belakang atau untuk dimuat naik.
Saiz apa yang patut saya gunakan untuk kertas dinding gradien?
Padankan dengan skrin anda. Pilihan biasa ialah 1920x1080 untuk kebanyakan desktop, 1080x1920 untuk telefon dalam potret, dan 1080x1080 untuk siaran media sosial berbentuk segi empat sama. Anda juga boleh masukkan sebarang lebar dan tinggi tersuai sehingga 8000 piksel.
Apakah perbezaan antara gradien linear dan radial?
Gradien linear mencampurkan warna sepanjang garis lurus pada sudut yang anda pilih, jadi warna berubah merentasi imej. Gradien radial bermula dari titik pusat dan menyebar keluar dalam bentuk bulatan, jadi warna berubah dari tengah ke tepi.
Bolehkah saya dapatkan kod CSS selain imej?
Boleh. Selain PNG yang boleh dimuat turun, alat ini memaparkan kod CSS background-image yang sepadan. Salin untuk menghasilkan semula gradien yang sama tepat dalam laman web atau aplikasi, sebagai ganti menggunakan fail imej.
Bagaimana titik henti warna berfungsi?
Setiap titik henti memasangkan satu warna dengan kedudukan dari 0% hingga 100% sepanjang gradien. Percampuran berjalan licin antara titik henti yang bersebelahan. Meletakkan dua titik henti pada kedudukan yang sama mencipta tepi tegas berbanding lorekan, yang berguna untuk jalur atau latar belakang blok warna.