Lewati ke konten utama
Uddatak

Ekstraktor Palet Warna

Ekstraktor Palet Warna menganalisis gambar apa pun yang Anda unggah dan secara otomatis mengekstrak warna paling dominannya, menampilkan kode HEX dan RGB setiap warna beserta proporsi perkiraannya dalam gambar. Salin warna mana pun dengan satu klik, atau salin seluruh palet sekaligus sebagai variabel CSS kustom yang siap digunakan. Berguna untuk mengambil identitas warna dari foto produk, logo, atau tangkapan desain yang Anda sukai. Semua analisis terjadi di browser Anda melalui Canvas — gambar Anda tidak pernah diunggah ke server.

Alat Desain dan CSS Berjalan sepenuhnya di browser Anda

Gambar Anda diproses sepenuhnya di perangkat Anda melalui Canvas, dan tidak pernah diunggah ke server.

Unggah gambar dan alat ini akan otomatis mengekstrak warna paling dominan, dengan kode HEX dan RGB setiap warna, plus tombol untuk menyalin semua warna sekaligus sebagai variabel CSS.

Seret gambar ke sini, atau pilih satu

JPG, PNG, atau WebP

Pertanyaan yang Sering Diajukan

Tidak — gambar dianalisis sepenuhnya di browser Anda melalui Canvas; tidak pernah diunggah ke server mana pun.

Lanjutkan dengan

Sepenuhnya lokal

Generator Gradien CSS

Buat gradien CSS linear atau radial secara visual dan salin kodenya.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Pemeriksa Kontras Warna

Periksa apakah pasangan warna teks/latar belakang memenuhi standar kontras aksesibilitas WCAG.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Konverter Warna

Konversi warna antara format HEX, RGB, dan HSL secara instan.

Alat DeveloperBuka alat
Sepenuhnya lokal

Pembuat Harmoni Palet Warna

Pilih warna dasar dan dapatkan palet warna yang harmonis (komplementer, analog, triadik, tetradik, monokromatik).

Alat Desain dan CSSBuka alat

Alat terkait

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
Sepenuhnya lokal

Simulator Buta Warna

Lihat bagaimana gambar Anda terlihat bagi seseorang dengan buta warna (protanopia, deuteranopia, tritanopia, atau akromatopsia)

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Generator Clip-Path CSS

Pilih bentuk siap pakai (lingkaran, segitiga, bintang, gelembung pesan...) dan salin kode clip-path.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Generator Kurva Easing Cubic Bezier

Seret dua titik untuk merancang kurva easing gerakan kustom secara visual dan salin kode cubic-bezier.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Generator Glassmorphism CSS

Rancang efek kartu kaca buram secara visual dan salin kode CSS yang siap digunakan.

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