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.
Tatal melalui grid petak gradien untuk meneroka pelbagai kombinasi warna dan gaya. Setiap gradien memaparkan nama dan kod warnanya.
Klik pada separuh kiri gradien untuk melihat warna permulaan, atau klik separuh kanan untuk melihat warna akhir. Kod HEX akan dipaparkan selama 2 saat.
Klik butang 'Klik untuk salin gradien' di bawah mana-mana gradien untuk menyalin sifat latar belakang CSS yang lengkap ke papan keratan anda.
Tampal kod CSS yang disalin ke dalam lembaran gaya atau gaya sebaris anda. Gradien ini sedia untuk digunakan dengan format linear-gradient.
Akses koleksi lebih 100 kombinasi gradien cantik yang dipilih susun dengan teliti, disusun mengikut gaya dan tema warna untuk pelayaran mudah.
Klik pada separuh kiri atau kanan mana-mana petak gradien untuk melihat warna permulaan dan akhir individu dengan kod HEXnya dipaparkan.
Salin kod linear-gradient CSS yang sedia untuk digunakan ke papan keratan anda serta-merta dengan satu klik pada butang salin.
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.
Setiap gradien dalam koleksi kami telah dipilih dengan teliti untuk daya tarikan visual dan kepelbagaian reka bentuk, memastikan kombinasi warna berkualiti tinggi.
Dapatkan kod CSS segera yang berfungsi serta-merta. Tidak perlu menulis sintaks gradien secara manual atau bereksperimen dengan nilai warna.
Lihat warna gradien individu dengan mengklik pada bahagian yang berbeza dari petak, memudahkan untuk memahami warna sebenar yang digunakan.
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.
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.
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.
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.
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.
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.
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.