🛠️ Alat Pelayar
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.
warna
View all →Pemapar & Penjana Palet Warna
Cipta, lihat dan urus palet warna dengan ciri-ciri lanjutan. Jana palet menggunakan teori warna, import daripada pelbagai format, semak kontras kebolehcapaian, dan eksport ke format CSS, SCSS, Tailwind, JSON, atau PNG.
Pembuat Kolaj Palet Warna
Cipta kolaj visual yang menakjubkan dengan menggabungkan imej anda dengan palet warna yang diekstrak. Muat naik mana-mana imej untuk mengekstrak warnanya yang dominan secara automatik dan cipta komposisi yang indah dengan susun atur, gaya, dan nisbah aspek yang boleh disesuaikan.
Pemeriksa Kontras Warna
Semak nisbah kontras warna untuk pematuhan kebolehcapaian web. Uji kombinasi warna teks dan latar belakang mengikut garis panduan WCAG dengan pratonton masa nyata, penarafan kebolehcapaian, dan cadangan penambahbaikan.
Pemilih Warna Imej Dalam Talian
Ekstrak warna dari mana-mana imej dalam talian secara percuma. Muat naik imej, klik untuk memilih warna, dan dapatkan nilai HEX, RGB, HSL, dan CMYK. Buat dan eksport palet warna.
Penjana Gradien CSS Dalam Talian Percuma
Cipta gradien linear dan radial CSS yang menakjubkan dengan penjana gradien kami yang mudah digunakan. Pilih warna, arahkan, dan salin kod CSS serta-merta untuk projek web anda.
Penjana Palet Warna Dalam Talian Percuma
Jana palet warna menakjubkan secara dalam talian dengan penjana palet warna percuma kami. Cipta skema warna yang harmoni menggunakan prinsip teori warna atau ekstrak warna daripada imej. Eksport ke format CSS, SCSS, Tailwind, JSON, PDF, dan PNG.