Lewati ke konten utama
Uddatak

Generator Gradien CSS

Pilih warna, sudut, dan jenis gradien pada pratinjau langsung untuk mendesain gradien CSS linear atau radial, lalu salin kode CSS background-image yang tepat — tanpa perlu menebak persentase titik henti warna.

Alat Desain dan CSS Berjalan sepenuhnya di browser Anda

Semua pemrosesan dilakukan di perangkat Anda — tidak ada yang dikirim ke server.

0%
100%

Kode CSS

background-image: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);

Lanjutkan dengan

Sepenuhnya lokal

Generator Box-Shadow CSS

Desain box-shadow CSS secara visual dengan penggeser dan salin kode yang dihasilkan.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Generator Border-Radius CSS

Desain sudut membulat secara visual — termasuk bentuk asimetris — dan salin kode CSS.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Konverter PX ke REM

Konversi antara piksel dan satuan rem, berdasarkan ukuran font root khusus.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Pembuat Gradasi Mesh

Buat latar belakang gradasi mesh multi-titik yang lembut dengan satu klik, dan salin kode CSS siap pakai.

Alat Desain dan CSSBuka alat

Alat terkait

Sepenuhnya lokal

Generator Box-Shadow CSS

Desain box-shadow CSS secara visual dengan penggeser dan salin kode yang dihasilkan.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Generator Border-Radius CSS

Desain sudut membulat secara visual — termasuk bentuk asimetris — dan salin kode CSS.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Konverter PX ke REM

Konversi antara piksel dan satuan rem, berdasarkan ukuran font root khusus.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Ekstraktor Palet Warna

Ekstrak warna paling dominan dari gambar apa pun, dengan kode HEX, RGB, dan CSS

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Generator Tangkapan Layar Kode

Tempel kode dan ubah menjadi gambar rapi dengan latar belakang gradien dan bilah judul, siap dibagikan

Alat Desain dan CSSBuka alat

Siap mencoba Uddatak?

Jelajahi seluruh pustaka alat dan mulai gunakan apa yang Anda butuhkan sekarang — gratis, tanpa pendaftaran.

Jelajahi semua alat