✨ Pembuat Gradien
background: linear-gradient(to right, #ff6b6b, #6bc1ff);
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.
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.
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.
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.
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.
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.
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.
Pilih warna pertama dan kedua Anda menggunakan pemilih warna atau masukkan kode warna heksadesimal langsung di kolom teks.
Pilih antara gradien linear untuk transisi warna terarah atau gradien radial untuk transisi warna melingkar dari pusat ke luar.
Untuk gradien linear, pilih dari 8 opsi arah termasuk kanan, kiri, atas, bawah, dan arah diagonal menggunakan tombol panah.
Klik tombol 'Salin CSS' untuk menyalin properti latar belakang CSS lengkap ke papan klip Anda, siap ditempelkan ke stylesheet Anda.
Buat gradien linear dan radial dengan kontrol penuh atas pemilihan warna dan arah gradien. Beralih antar jenis gradien secara instan.
Pilih dari 8 arah berbeda untuk gradien linear, termasuk orientasi horizontal, vertikal, dan diagonal dengan kontrol panah yang intuitif.
Hasilkan kombinasi warna acak secara instan untuk menemukan ide gradien baru dan skema warna kreatif untuk proyek Anda.
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.
Lihat perubahan gradien Anda secara instan dengan area pratinjau besar yang menunjukkan bagaimana gradien Anda akan terlihat di proyek web Anda.
Kode CSS yang dihasilkan dioptimalkan dan siap digunakan dengan sintaks yang tepat untuk properti latar belakang, kompatibel dengan semua browser modern.
Tombol panah yang mudah digunakan untuk mengatur arah gradien, membuatnya sederhana untuk menciptakan orientasi yang tepat yang Anda butuhkan untuk desain Anda.
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.