Jelajahi koleksi terkurasi kami yang berisi 100+ gradien warna menakjubkan. Klik contoh gradien untuk melihat warna individual, salin kode CSS secara instan, dan temukan kombinasi gradien yang sempurna untuk desain Anda.
Jelajahi Koleksi Gradien
Gulir melalui kisi contoh gradien untuk menjelajahi berbagai kombinasi dan gaya warna. Setiap gradien menampilkan nama dan kode warnanya.
Lihat Warna Individual
Klik pada bagian kiri gradien untuk melihat warna awal, atau klik bagian kanan untuk melihat warna akhir. Kode HEX akan ditampilkan selama 2 detik.
Salin CSS Gradien
Klik tombol 'Klik untuk menyalin gradien' di bawah gradien mana pun untuk menyalin properti background CSS lengkap ke papan klip Anda.
Gunakan dalam Proyek Anda
Tempel kode CSS yang disalin ke stylesheet atau gaya sebaris Anda. Gradien siap digunakan dengan format linear-gradient.
100+ Gradien Terkurasi
Akses koleksi lebih dari 100 kombinasi gradien indah yang dipilih secara cermat, diatur berdasarkan gaya dan tema warna untuk penelusuran yang mudah.
Pratinjau Warna Interaktif
Klik pada bagian kiri atau kanan setiap contoh gradien untuk melihat warna awal dan akhir individual dengan kode HEX yang ditampilkan.
Salin CSS Sekali Klik
Salin kode CSS linear-gradient yang siap pakai ke papan klip Anda secara instan dengan satu klik pada tombol salin.
Kisi Gradien Visual
Jelajahi gradien dalam tata letak kisi yang bersih dan modern dengan nama gradien dan kode warna yang ditampilkan dengan jelas untuk referensi cepat.
Gradien warna adalah transisi halus antara dua atau lebih warna, menciptakan perpaduan visual yang menarik. Dalam desain web, gradien linear CSS memungkinkan Anda membuat transisi warna ini yang mengalir dalam arah tertentu. Pustaka kami menampilkan kombinasi gradien yang dikurasi secara profesional yang bekerja dengan baik bersama, menghemat waktu Anda dalam menemukan transisi warna yang harmonis untuk latar belakang, tombol, kartu, dan elemen desain lainnya.
Dicurasi Secara Profesional
Setiap gradien dalam koleksi kami telah dipilih dengan cermat untuk daya tarik visual dan fleksibilitas desain, memastikan kombinasi warna berkualitas tinggi.
CSS Siap Pakai
Dapatkan kode CSS instan yang langsung berfungsi. Tidak perlu menulis sintaks gradien secara manual atau bereksperimen dengan nilai warna.
Inspeksi Warna Interaktif
Lihat warna gradien individual dengan mengklik bagian berbeda dari contoh, membuatnya mudah untuk memahami warna persis yang digunakan.
Alat Desain Penghemat Waktu
Lewati proses coba-coba dalam membuat gradien dari awal. Temukan gradien yang sempurna dengan cepat dan terapkan segera dalam proyek Anda.
Pustaka ini berisi lebih dari 100 kombinasi gradien yang dikurasi dengan cermat, menampilkan berbagai gaya mulai dari transisi halus hingga perpaduan yang berani dan cerah, cocok untuk berbagai kebutuhan desain.
Klik pada bagian kiri contoh gradien untuk melihat warna awal, atau klik pada bagian kanan untuk melihat warna akhir. Kode HEX akan ditampilkan pada contoh tersebut selama 2 detik.
Alat ini menyalin properti background CSS lengkap dengan linear-gradient yang mengalir dari kiri ke kanan (arah ke kanan). Contoh: background: linear-gradient(to right, #FF6B6B, #4ECDC4);
Ya, semua gradien dalam pustaka ini bebas digunakan dalam proyek pribadi dan komersial tanpa batasan. Gradien warna tidak dapat dilindungi hak cipta.
Setelah menyalin kode CSS, tempelkan ke stylesheet Anda atau sebagai gaya sebaris. Anda dapat menerapkannya ke latar belakang elemen apa pun, seperti div, bagian, tombol, atau kartu.
Ya, setelah menyalin CSS, Anda dapat mengubah arah dengan memodifikasi bagian 'to right' menjadi nilai lain seperti 'to bottom', 'to top', '45deg', atau sudut apa pun yang Anda inginkan.