Pembuat Gradien CSS
Buat gradien linier atau radial dengan hingga 4 warna dan salin kode CSS siap pakai.
Cara membuat gradien CSS online
Pilih jenis gradien
Pilih linier atau radial, sesuai dengan efek yang ingin Anda capai.
Tambahkan dan sesuaikan warna
Tambahkan hingga 4 warna, ubah urutan mereka, dan sesuaikan sudut atau posisi gradien.
Salin kode CSS
Tekan tombol salin dan tempel kode langsung ke lembar gaya Anda.
Pertanyaan umum tentang pembuat gradien
Gradien adalah cara sederhana untuk menambahkan kedalaman dan gaya pada desain web apa pun. Alat ini menghasilkan kode CSS yang tepat yang Anda butuhkan, tanpa perlu mengetiknya sendiri.
Jenis gradien apa yang bisa saya buat?
+
Anda bisa membuat gradien linear (pada sudut apa pun) dan radial.
Berapa banyak warna yang bisa saya gunakan?
+
Anda bisa menggabungkan antara 2 hingga 4 warna dalam gradien yang sama.
Apakah kode berfungsi di semua browser?
+
Ya, dihasilkan dengan sintaks CSS standar yang kompatibel dengan semua browser modern.
Apakah saya perlu menginstal program apa pun?
+
Tidak, tidak perlu menginstal apa pun. Ini berfungsi langsung dari browser Anda.
Apakah gratis?
+
Ya, alat ini sepenuhnya gratis.
Bisakah saya menggunakan gradien sebagai latar belakang gambar?
+
Kode yang dihasilkan adalah CSS murni; jika Anda membutuhkan gambar, Anda dapat mengambil tangkapan layar dari pratinjau.
Warna
Konverter Warna (HEX, RGB, HSL, CMYK)
Konversi warna apa pun antara HEX, RGB, HSL, dan CMYK secara instan, dengan pratinjau langsung dan nama warna terdekat.
Pembuat Palet Warna
Buat palet 5 warna yang harmonis (komplementer, analog, triadik, atau monokromatik) dari warna dasar.
Pemeriksa Kontras WCAG
Periksa apakah kombinasi warna teks dan latar belakang memenuhi tingkat aksesibilitas AA dan AAA.
Warna Acak
Hasilkan warna acak dengan sekali klik dan temukan nama, kode HEX/RGB/HSL, serta warna-warna serupa.
Pemilih warna (pipet)
Pilih warna apa pun dari layar Anda dengan alat penetes browser, atau gunakan pemilih klasik.
Simulator Buta Warna
Unggah gambar dan periksa bagaimana orang dengan protanopia, deuteranopia, atau tritanopia akan melihatnya.
Pembuat Gradien Mesh
Buat latar belakang dengan gradien mesh (bercak warna yang lembut) dan unduh dalam PNG atau salin kode CSS.
Generator Nada dan Bayangan
Hasilkan secara otomatis nada paling terang dan bayangan paling gelap dari warna apa pun, dengan kode HEX-nya.
Pencampur Warna
Campurkan dua warna dan temukan nada perantara langkah demi langkah, dengan kode HEX-nya.
Roda Warna (Harmoni)
Pilih warna di roda dan temukan kombinasi harmoninya: komplementer, analogi, triadik, dan lainnya.
Ekstraktir Palet dari Gambar
Unggah gambar dan ekstrak otomatis warna dominannya ke dalam palet, dengan kode HEX untuk setiap warna.
Warna Rata-Rata Gambar
Unggah gambar dan hitung warna rata-ratanya secara instan, dengan kode HEX, RGB, dan HSL.
Jelajahi warna berdasarkan keluarga
Lebih dari 469 warna bernama, dengan kode HEX, RGB, HSL, dan CMYK, diorganisir dalam 12 keluarga nada.
