Generator Gradien

Generator Gradien

Gratis

Alat online gratis untuk membuat gradien. Mendukung gradien linier, radial, dan kerucut dengan titik warna yang dapat disesuaikan, sudut, dan arah. Pratinjau waktu nyata dan salin kode CSS dengan satu klik.

工具加载中请稍候片刻

Tentang Generator Gradien

Alat online gratis untuk membuat gradien. Mendukung gradien linier, radial, dan kerucut dengan titik warna yang dapat disesuaikan, sudut, dan arah. Pratinjau waktu nyata dan salin kode CSS dengan satu klik.

alat gradienalat warnaalat CSS

Panduan penggunaan

Fitur utama
  • Generator gradien CSS online gratis yang mendukung gradien linier, radial, dan kerucut
  • Tambah atau hapus titik warna dengan bebas, atur setiap nilai HEX beserta posisinya, atau mulai dari 12 gradien prasetel maupun gradien acak
  • Pratinjau waktu nyata yang selalu tersinkron dengan kode CSS: tentukan ukuran kanvas, salin kode dengan satu klik, atau simpan hasilnya sebagai PNG
Cara menggunakan
  1. Buka halaman alat — tanpa unduhan atau instalasi — lalu pilih "Gradien Linier", "Gradien Radial", atau "Gradien Kerucut" di bagian atas
  2. Klik "Tambah Warna" untuk menambah titik, tentukan warna melalui kotak warna atau kolom HEX, dan geser penggeser "Posisi"; Anda juga bisa menerapkan gradien prasetel atau "Gradien Acak"
  3. Atur lebar dan tinggi pada area pratinjau, lalu klik "Salin CSS" untuk mengambil kode atau "Unduh Gambar" untuk menyimpan PNG
Catatan penting
  • Alat ini sepenuhnya gratis dan tanpa perlu mendaftar; minimal dua titik warna harus tetap ada, dan kanvas dapat diatur 50–2000 piksel
  • Perenderan dan ekspor PNG dilakukan secara lokal di browser Anda — data Anda tidak pernah diunggah. Gradien kerucut mungkin tidak tampil di browser yang sangat lama

Pertanyaan umum

Apa itu Generator Gradien?

Alat online gratis untuk membuat gradien. Mendukung gradien linier, radial, dan kerucut dengan titik warna yang dapat disesuaikan, sudut, dan arah. Pratinjau waktu nyata dan salin kode CSS dengan satu klik.

Bagaimana cara menggunakan Generator Gradien?

Buka halaman alat — tanpa unduhan atau instalasi — lalu pilih "Gradien Linier", "Gradien Radial", atau "Gradien Kerucut" di bagian atas Klik "Tambah Warna" untuk menambah titik, tentukan warna melalui kotak warna atau kolom HEX, dan geser penggeser "Posisi"; Anda juga bisa menerapkan gradien prasetel atau "Gradien Acak" Atur lebar dan tinggi pada area pratinjau, lalu klik "Salin CSS" untuk mengambil kode atau "Unduh Gambar" untuk menyimpan PNG

Apa yang perlu diketahui sebelum menggunakan Generator Gradien?

Alat ini sepenuhnya gratis dan tanpa perlu mendaftar; minimal dua titik warna harus tetap ada, dan kanvas dapat diatur 50–2000 piksel Perenderan dan ekspor PNG dilakukan secara lokal di browser Anda — data Anda tidak pernah diunggah. Gradien kerucut mungkin tidak tampil di browser yang sangat lama

Apakah Generator Gradien gratis?

Ya, Generator Gradien sepenuhnya gratis. Tanpa unduh atau instalasi — langsung berjalan di browser Anda.