Terokai koleksi gradien warna kami yang dipilih susun, melebihi 100+ yang menakjubkan. Klik petak gradien untuk melihat warna individu, salin kod CSS serta-merta, dan cari kombinasi gradien yang sempurna untuk reka bentuk anda.
Layari Koleksi Gradien
Tatal melalui grid petak gradien untuk meneroka pelbagai kombinasi warna dan gaya. Setiap gradien memaparkan nama dan kod warnanya.
Lihat Warna Individu
Klik pada separuh kiri gradien untuk melihat warna permulaan, atau klik separuh kanan untuk melihat warna akhir. Kod HEX akan dipaparkan selama 2 saat.
Salin CSS Gradien
Klik butang 'Klik untuk salin gradien' di bawah mana-mana gradien untuk menyalin sifat latar belakang CSS yang lengkap ke papan keratan anda.
Gunakan dalam Projek Anda
Tampal kod CSS yang disalin ke dalam lembaran gaya atau gaya sebaris anda. Gradien ini sedia untuk digunakan dengan format linear-gradient.
100+ Gradien Terpilih
Akses koleksi lebih 100 kombinasi gradien cantik yang dipilih susun dengan teliti, disusun mengikut gaya dan tema warna untuk pelayaran mudah.
Pratonton Warna Interaktif
Klik pada separuh kiri atau kanan mana-mana petak gradien untuk melihat warna permulaan dan akhir individu dengan kod HEXnya dipaparkan.
Salin CSS Sekali Klik
Salin kod linear-gradient CSS yang sedia untuk digunakan ke papan keratan anda serta-merta dengan satu klik pada butang salin.
Grid Gradien Visual
Layari gradien dalam susun atur grid yang bersih dan moden dengan nama gradien dan kod warna dipaparkan dengan jelas untuk rujukan pantas.
Gradien warna adalah peralihan lancar antara dua atau lebih warna, menghasilkan gabungan yang menarik secara visual. Dalam reka bentuk web, gradien linear CSS membolehkan anda mencipta peralihan warna ini yang mengalir dalam arah yang ditentukan. Perpustakaan kami menampilkan kombinasi gradien yang dipilih susun secara profesional yang berfungsi dengan baik bersama, menjimatkan masa anda dalam mencari peralihan warna yang harmoni untuk latar belakang, butang, kad, dan elemen reka bentuk lain.
Dipilih Susun Secara Profesional
Setiap gradien dalam koleksi kami telah dipilih dengan teliti untuk daya tarikan visual dan kepelbagaian reka bentuk, memastikan kombinasi warna berkualiti tinggi.
CSS Sedia Digunakan
Dapatkan kod CSS segera yang berfungsi serta-merta. Tidak perlu menulis sintaks gradien secara manual atau bereksperimen dengan nilai warna.
Pemeriksaan Warna Interaktif
Lihat warna gradien individu dengan mengklik pada bahagian yang berbeza dari petak, memudahkan untuk memahami warna sebenar yang digunakan.
Alat Reka Bentuk Penjimatan Masa
Langkau proses cuba jaya mencipta gradien dari awal. Cari gradien yang sempurna dengan cepat dan laksanakannya serta-merta dalam projek anda.
Perpustakaan ini mengandungi lebih 100 kombinasi gradien yang dipilih susun dengan teliti, menampilkan pelbagai gaya dari peralihan halus hingga gabungan yang berani dan bertenaga sesuai untuk keperluan reka bentuk yang berbeza.
Klik pada separuh kiri petak gradien untuk melihat warna permulaan, atau klik pada separuh kanan untuk melihat warna akhir. Kod HEX akan dipaparkan pada petak tersebut selama 2 saat.
Alat ini menyalin sifat latar belakang CSS yang lengkap dengan linear-gradient yang bergerak dari kiri ke kanan (arah 'to right'). Contoh: background: linear-gradient(to right, #FF6B6B, #4ECDC4);
Ya, semua gradien dalam perpustakaan ini bebas digunakan dalam projek peribadi dan komersial tanpa sekatan. Gradien warna tidak boleh dilindungi hak cipta.
Setelah menyalin kod CSS, tampalkannya ke dalam lembaran gaya anda atau sebagai gaya sebaris. Anda boleh menerapkannya pada latar belakang mana-mana elemen, seperti div, bahagian, butang, atau kad.
Ya, setelah menyalin CSS, anda boleh mengubah arah dengan mengubah bahagian 'to right' kepada nilai lain seperti 'to bottom', 'to top', '45deg', atau sudut mana-mana yang anda suka.