Generator Teks Gradien CSS
Hasilkan kode CSS untuk menerapkan gradien pada teks. Pratinjau warna, arah, dan penyesuaian rentang secara real-time.
.gradient-text {
background: linear-gradient(to right, #ec4899 0%, #8b5cf6 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
font-size: 48px;
font-weight: 700;
}Cara Menggunakan
Masukkan Teks

Masukkan teks yang ingin diberi gradien
Atur Gradien

Sesuaikan warna gradien, arah, tipe, dll.
Salin CSS

Salin kode CSS yang dihasilkan
Fitur
Pratinjau Real-time
Pratinjau teks gradien secara real-time
Berbagai Gradien
Mendukung gradien linear, radial, conic dengan multiple color stop
Preset Tersedia
Terapkan preset gradien populer dengan satu klik
FAQ
🔗Alat Terkait
Konverter Kode Warna
Konversi antara kode warna HEX, RGB, dan HSL. Gunakan pemilih warna dan pratinjau waktu nyata untuk pemilihan warna yang intuitif.
Pemilih Warna
Pilih warna secara intuitif menggunakan roda warna dan slider. Dapatkan dan salin kode warna dalam format HEX, RGB, dan HSL.
Ekstraktor Warna Gambar
Deteksi warna dominan dari gambar secara otomatis dan hasilkan palet warna. Anda juga dapat mengklik di mana saja pada gambar untuk mengambil warna individual.
Pengambil Warna Rata-rata Gambar
Hitung warna rata-rata dari seluruh gambar atau area yang dipilih. Berguna untuk memilih skema warna atau warna latar belakang thumbnail.
Generator CSS Gradien
Buat gradien CSS secara visual dengan kontrol seret. Mendukung tipe gradien linear, radial, dan conic dengan preset.
Generator CSS Box Shadow
Buat CSS box-shadow secara visual dengan slider. Mendukung beberapa bayangan dan bayangan inset.