Alat warna

Generator Gradien CSS: Linear, Radial, Conic – Gratis

Gratis, tanpa daftar, berjalan di browser Anda. Desain gradien linear, radial, atau conic dengan hingga 8 titik warna, lihat langsung hasilnya, dan salin CSS-nya. Unduh sebagai latar belakang PNG dalam ukuran umum.

Jenis

Titik warna

CSS

background: #ff7ac6;
background: linear-gradient(135deg, #ff7ac6 0%, #ffe14d 100%);

Baris pertama adalah warna solid untuk perangkat yang sangat lama dan tidak dapat menampilkan gradien.

Mulai dari preset

Dibuat di perangkat Anda.

Mengapa menggunakan Generator Gradien CSS

100% gratis
Gunakan sesering yang Anda mau. Tanpa daftar, tanpa watermark, tanpa perlu memasang apa pun.
Privat sejak awal
Apa yang Anda ketik tetap di browser Anda dan tidak pernah dikirim ke kami.
Berjalan di perangkat apa pun
Berjalan di browser Anda di Windows, Mac, Linux, Android, dan iPhone. Tanpa perlu aplikasi.

Cara menggunakan Generator Gradien CSS

  1. Pilih linear, radial, atau conic, lalu atur arahnya.
  2. Pilih warna dan seret setiap titik ke posisinya.
  3. Salin CSS atau unduh gradien sebagai gambar.

Pertanyaan yang sering diajukan

Bagaimana cara memakai CSS-nya?
Tempel ke aturan untuk elemen yang ingin Anda warnai. Baris pertama adalah warna solid cadangan; baris kedua adalah gradiennya.
Apa bedanya linear, radial, dan conic?
Linear membaurkan warna sepanjang garis lurus, radial menyebar dari tengah, dan conic berputar mengelilingi titik tengah seperti roda warna.
Bisakah memakai transparansi?
Bisa. Ketik warna seperti rgba(47, 91, 255, 0.5) ke dalam titik warna.
Apakah ada yang diunggah?
Tidak. Gradien dibuat di perangkat Anda.
Apakah Generator Gradien CSS gratis?
Ya. Gratis digunakan, tanpa daftar dan tanpa perlu memasang apa pun.

Bantuan dan panduan (dalam bahasa Inggris)

Alat terkait