Apa itu Gradien ke CSS?
Pembangun gradien visual yang memungkinkan Anda merancang gradien linear, radial, dan konik dengan beberapa color stop, lalu menyalin kode CSS. Sesuaikan sudut, posisi, dan warna dengan pratinjau langsung.
Cara menggunakan
- Pilih jenis gradien (linear, radial, atau konik) dan atur arah atau sudutnya.
- Tambah, hapus, atau sesuaikan color stop dengan mengklik bilah gradien atau menggunakan color picker.
- Salin kode CSS yang dihasilkan untuk digunakan langsung di stylesheet Anda.
Hasil
Coba gradien sunset: linear-gradient(135deg, #ff6b35 0%, #f72585 50%, #7209b7 100%) — cocok untuk latar belakang bagian hero.
Alat terkait
Generator Gradien Mesh
Buat latar belakang gradien mesh yang indah
Konverter Kode Warna
Konversi kode warna HEX, RGB, HSL & CMYK
Konverter Warna
Konversi kode HEX, RGB, HSL, HSV & CMYK
Pencampur Warna
Campurkan dua warna secara visual
Pencari Nama Warna
Temukan nama warna terdekat untuk nilai apa pun
Pencari Warna Komplementer
Temukan warna komplementer untuk input apa pun