Color Palette Extractor
Ambil palet warna dari foto Anda lengkap dengan persentase pemakaiannya, lalu pakai langsung sebagai CSS custom properties di blok :root.
100% Free No Ads Privacy
Tambahkan gambar Anda
atau seret & lepas ke sini
Mendukung: image/*
Cepat
Diproses langsung di perangkat, tanpa menunggu unggahan ke server.
Browser-based
Tanpa instalasi, langsung terbuka di tab browser Anda.
Simpel
Seret, proses, unduh. Tidak ada langkah yang tidak perlu.
Cara pakai
- Pilih satu gambar yang paletnya ingin diambil.
- Klik Ekstrak Palet untuk memuat hasilnya.
- Pakai daftar HEX dan blok CSS :root yang tampil.
Format yang didukung
Input: gambar JPG, PNG, WebP, GIF, AVIF. Output: daftar HEX dengan persentase dan potongan CSS custom properties.
Pertanyaan umum
Berapa warna yang didapat?
Hingga 8 warna, diurutkan dari yang paling banyak dipakai, masing-masing beserta persentasenya.
Bagaimana memakai hasilnya di CSS?
Salin blok :root yang tampil, lalu panggil var(--color-1), var(--color-2), dan seterusnya.
Kenapa jumlahnya bisa kurang dari 8?
Palet dibuat hingga 8 warna, dan warna yang tidak terpakai pada piksel terlihat tidak ikut ditampilkan.
Apakah gambar saya dikirim ke server?
Tidak. Ekstraksi palet berjalan di browser Anda.
Tool terkait
Sering dipakai bersama tool ini.