🛠️ Alat Browser
Buat gradien linear dan radial CSS yang menakjubkan dengan pembuat gradien kami yang mudah digunakan. Pilih warna, tentukan arah, dan salin kode CSS secara instan untuk proyek web Anda.
Pilih Warna
Pilih warna pertama dan kedua Anda menggunakan pemilih warna atau masukkan kode warna heksadesimal langsung di kolom teks.
Pilih Jenis Gradien
Pilih antara gradien linear untuk transisi warna terarah atau gradien radial untuk transisi warna melingkar dari pusat ke luar.
Atur Arah
Untuk gradien linear, pilih dari 8 opsi arah termasuk kanan, kiri, atas, bawah, dan arah diagonal menggunakan tombol panah.
Salin Kode CSS
Klik tombol 'Salin CSS' untuk menyalin properti latar belakang CSS lengkap ke papan klip Anda, siap ditempelkan ke stylesheet Anda.
Gradien Linear & Radial
Buat gradien linear dan radial dengan kontrol penuh atas pemilihan warna dan arah gradien. Beralih antar jenis gradien secara instan.
8 Kontrol Arah
Pilih dari 8 arah berbeda untuk gradien linear, termasuk orientasi horizontal, vertikal, dan diagonal dengan kontrol panah yang intuitif.
Pembuatan Warna Acak
Hasilkan kombinasi warna acak secara instan untuk menemukan ide gradien baru dan skema warna kreatif untuk proyek Anda.
Salin CSS Instan
Salin kode gradien CSS yang dihasilkan ke papan klip Anda dengan satu klik. Properti latar belakang CSS siap pakai untuk implementasi segera.
Generator gradien CSS adalah alat yang membuat gradien latar belakang CSS dengan menggabungkan dua atau lebih warna dalam transisi yang halus. Pembuat gradien kami menghasilkan properti CSS linear-gradient dan radial-gradient yang dapat langsung digunakan dalam pengembangan web. Gradien linear menciptakan transisi warna terarah, sedangkan gradien radial menciptakan transisi melingkar dari titik pusat. Alat ini menyediakan pratinjau real-time dan menghasilkan kode CSS yang kompatibel dengan browser untuk standar web modern.
Pratinjau Visual Real-Time
Lihat perubahan gradien Anda secara instan dengan area pratinjau besar yang menunjukkan bagaimana gradien Anda akan terlihat di proyek web Anda.
Output CSS Sempurna
Kode CSS yang dihasilkan dioptimalkan dan siap digunakan dengan sintaks yang tepat untuk properti latar belakang, kompatibel dengan semua browser modern.
Kontrol Arah Intuitif
Tombol panah yang mudah digunakan untuk mengatur arah gradien, membuatnya sederhana untuk menciptakan orientasi yang tepat yang Anda butuhkan untuk desain Anda.
Inspirasi Kreatif
Generator warna acak membantu menemukan kombinasi warna baru dan memberikan inspirasi kreatif untuk desain gradien dan skema warna Anda.
Gradien linear menciptakan transisi warna dalam arah garis lurus (horizontal, vertikal, atau diagonal), sedangkan gradien radial menciptakan transisi warna melingkar yang memancar keluar dari titik pusat.
Ya, Anda dapat memasukkan kode warna heksadesimal yang valid langsung di kolom teks di samping pemilih warna. Alat ini menerima kode heksadesimal 6 digit seperti #ff6b6b atau #6bc1ff.
Salin kode CSS dan tempelkan ke stylesheet Anda. Kode yang dihasilkan adalah properti latar belakang lengkap yang dapat Anda terapkan ke elemen HTML mana pun untuk menampilkan gradien.
Ya, CSS yang dihasilkan menggunakan sintaks linear-gradient dan radial-gradient standar yang didukung oleh semua browser modern termasuk Chrome, Firefox, Safari, dan Edge.
Saat ini, alat kami berfokus pada gradien dua warna untuk kesederhanaan dan desain yang bersih. Anda dapat memodifikasi kode CSS yang dihasilkan untuk menambahkan henti warna tambahan jika diperlukan.
warna
View all →Generator Palet Warna Online Gratis
Hasilkan palet warna menakjubkan secara online dengan generator palet warna gratis kami. Buat skema warna yang harmonis menggunakan prinsip teori warna atau ekstrak warna dari gambar. Ekspor ke format CSS, SCSS, Tailwind, JSON, PDF, dan PNG.
Konverter CMYK ke Pantone Online Gratis
Konversikan warna CMYK ke padanan Pantone terdekat menggunakan ilmu warna canggih. Jelajahi koleksi warna Pantone populer yang dikurasi dengan perbandingan warna waktu nyata dan fungsi salin.
Konverter Warna Hex ke Pantone Gratis
Konversikan warna hex ke padanan Pantone terdekat dengan alat online gratis kami. Menampilkan pencocokan warna Delta E yang akurat, jelajahi lebih dari 40 warna Pantone populer, dan dapatkan perbandingan warna instan. Sempurna untuk desainer, percetakan, dan profesional warna.
Konverter Warna HSV ke Pantone Gratis
Konversi warna HSV (Hue, Saturation, Value) ke padanan warna Pantone terdekat secara instan. Temukan warna Pantone yang sempurna dengan alat pencocokan warna komprehensif kami yang dilengkapi perbandingan visual dan ilmu warna yang akurat.
Konverter Warna RGB ke Pantone Gratis
Konversi warna RGB ke padanan warna Pantone terdekat dengan algoritma pencocokan warna canggih kami. Jelajahi warna Pantone pilihan, bandingkan perbedaan warna, dan dapatkan kode warna yang akurat untuk proyek desain.
Pembuat Kolase Palet Warna
Buat kolase visual yang menakjubkan dengan menggabungkan gambar Anda dengan palet warna yang diekstrak. Unggah gambar apa pun untuk secara otomatis mengekstrak warna dominannya dan menciptakan komposisi indah dengan tata letak, gaya, dan rasio aspek yang dapat disesuaikan.