🛠️ Alat Browser
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.
warna
View all →Generator Gradien CSS Online Gratis
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.
Generator Palet Warna Online Gratis
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.
Konverter CMYK ke Pantone Online Gratis
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.
Konverter Warna Hex ke Pantone Gratis
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.
Konverter Warna HSV ke Pantone Gratis
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.
Konverter Warna RGB ke Pantone Gratis
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.