FREE CSS GRADIENT GENERATOR

Generator gradien CSS gratis

Pilih warna dan posisi untuk membuat CSS linear-gradient atau radial-gradient secara instan.

Input dan hasil tidak dikirim atau disimpan di server.

  1. 1Atur jenis dan warna
  2. 2Lihat gradien
  3. 3Salin CSS

1 · Atur jenis dan warna

Atur gradien

Dibuat di perangkat
Jenis gradien
Titik warna
Contoh

2 · Lihat gradien

Hasil

Pratinjau gradien

Menggunakan HEX sRGB buram dan titik persen. Hasil berupa CSS, bukan file gambar.

Panduan latar CSS gratis

Buat latar halus dengan titik warna

Buat gradien linear dan radial gratis tanpa akun atau instalasi.
1

Pilih jenis

Pilih linear berarah atau radial dari tengah.

2

Atur warna

Tentukan dua sampai lima warna dan posisi 0% sampai 100%.

3

Salin CSS

Periksa pratinjau lalu tempel deklarasi background.

Memahami gradien CSS

Browser mencampur titik warna

CSS menggambar transisi responsif tanpa file gambar.

Linear

Sudut menentukan arah aliran warna.

Radial

Lingkaran atau elips menyebar dari tengah.

Satu baris CSS

Tempel deklarasi background ke gaya Anda.

FREE CSS GRADIENT GENERATOR FAQ

Tanya jawab gradien CSS

Pelajari penggunaan gratis, warna, dan hasil.
1Apakah generator ini gratis?

Ya. Gratis tanpa akun dan tanpa batas penggunaan.

2Berapa warna yang bisa digunakan?

Dua sampai lima titik warna.

3Apakah mendukung linear dan radial?

Ya. Linear bersudut serta radial lingkaran atau elips di tengah.

4Bisakah mengunduh gambar?

Versi ini menghasilkan CSS responsif, bukan file gambar.