Generator Gradien dari Gambar
Ekstrak gradien indah dari foto apa pun — seret gambar, pilih suasana, dan warna dominan menjadi stop gradien yang dapat diseret. Salin CSS siap pakai secara instan.
Seret & lepas gambar di sini
atau klik untuk menelusuri — Anda juga dapat menempel dari clipboard
Semuanya berjalan di browser Anda — gambar Anda tidak pernah diunggah, tidak perlu daftar, sepenuhnya gratis.
background: —;
Tentang Generator Gradien dari Gambar
Gradient Generator from Image mengubah foto apa pun menjadi gradien CSS yang siap digunakan. Jatuhkan, telusuri atau tempel sebuah gambar dan alat ini membacanya pada kanvas, mengekstrak warna dominannya dan menatanya sebagai titik gradien yang bisa Anda seret, ubah warnanya dan urutkan ulang hingga campurannya sesuai dengan nuansa gambar asli.
Pemilih suasana — Colorful, Bright, Muted, Deep atau Dark — mengubah warna hasil ekstraksi mana yang menjadi titik gradien, sehingga satu foto bisa menghasilkan beberapa gradien yang sangat berbeda. Anda mengontrol jenis gradien (linear, radial atau conic), sudutnya, dan titik-titiknya sendiri: klik bilah untuk menambahkan satu, seret untuk memindahkan, balik atau putar dengan satu klik.
Seluruh proses berjalan di browser Anda; gambar Anda tidak pernah diunggah ke server. Ketika pratinjau sudah terlihat pas, salin aturan CSS lengkap, hanya nilai background-nya saja, atau warna hasil ekstraksinya sendiri — ideal untuk bagian hero, latar belakang halaman dan visual merek yang diturunkan dari fotografi.
Cara menggunakan Generator Gradien dari Gambar
- Seret dan jatuhkan sebuah gambar, klik untuk menelusuri, atau tempel satu dari clipboard Anda.
- Pilih suasana — Colorful, Bright, Muted, Deep atau Dark — untuk menentukan warna hasil ekstraksi mana yang menjadi titik gradien.
- Pilih jenis gradien (linear, radial atau conic) dan sesuaikan sudutnya.
- Seret titik-titik warna untuk menyempurnakan campurannya; tambah, hapus, balik atau acak ulang titik sesuai kebutuhan.
- Klik "Copy CSS" untuk mengambil kode gradien yang siap ditempel.