Ekstrak Palet Warna
Ekstrak Palet Warna adalah color palette generator yang otomatis mengambil warna dominan dari sebuah gambar atau foto, sehingga Anda bisa membuat palet warna yang siap pakai. Unggah foto atau desain, lalu alat ini menganalisis seluruh gambar untuk mengekstrak hingga 12 warna dominan, lengkap dengan porsi tiap warna (seberapa besar bagian gambar yang ditempati warna tersebut).
Seret gambar ke sini
atau
Mendukung PNG / JPG / WebP / GIF / BMP / SVG (maks. 20MB). .png,.jpg,.jpeg,.webp,.gif,.bmp,.svg
Alat Terkait
Color Picker
Ambil warna dari gambar dan dapatkan kode HEX, RGB, atau HSL. Perbesar dengan loupe untuk akurasi per piksel dan ekspor palet. Gratis, tanpa daftar.
- Desain & Warna
- Produktivitas
Pembuat Palet Warna
Generator skema warna gratis yang membuat palet warna otomatis berdasarkan teori warna (komplementer, analog, triadik, dan lainnya) hanya dari satu warna dasar. Ekspor ke CSS variable, Tailwind, SCSS, dan JSON, lengkap dengan acuan kontras. Berjalan sepenuhnya di browser Anda.
- Generator
- Desain & Warna
Konverter Kode Warna
Konversi kode warna antara HEX, RGB, HSL, HSV, OKLCH, beserta alpha dan referensi CMYK. Salin format apa pun sekali klik. Berjalan sepenuhnya di browser Anda.
- Konverter
- Desain & Warna
Pemeriksa Kontras
Cek rasio kontras warna terhadap WCAG 2.1/2.2 AA dan AAA, dengan saran warna lulus, simulasi buta warna, dan APCA. Berjalan sepenuhnya di browser Anda.
- Pemeriksa
- Desain & Warna
- Aksesibilitas
Generator Gradient CSS
Generator gradient CSS gratis: buat gradien linear, radial, conic via GUI. Atur transparansi/alpha, ekspor CSS variable, Tailwind, SCSS, dan URL berbagi.
- Generator
- Pengembangan
- Desain & Warna
Pembuat Bayangan CSS
Box shadow generator untuk membuat bayangan CSS (box-shadow & drop-shadow) secara real-time. Mendukung multi-layer, inset, preset neumorphism, dan output CSS, Tailwind, SCSS. Berjalan sepenuhnya di browser Anda.
- Generator
- Desain & Warna
Apa itu alat Ekstrak Palet Warna?
Ekstrak Palet Warna adalah color palette generator yang otomatis mengambil warna dominan dari sebuah gambar atau foto, sehingga Anda bisa membuat palet warna yang siap pakai. Unggah foto atau desain, lalu alat ini menganalisis seluruh gambar untuk mengekstrak hingga 12 warna dominan, lengkap dengan porsi tiap warna (seberapa besar bagian gambar yang ditempati warna tersebut).
Setiap warna tersedia dalam HEX (#RRGGBB), RGB, dan HSL, dan dapat disalin dengan sekali klik. Pilih berapa banyak warna yang diekstrak (4–12), lalu ekspor seluruh palet sebagai JSON, variabel CSS, SCSS, atau konfigurasi warna Tailwind — siap dipakai langsung di situs atau panduan gaya Anda. Anda juga bisa memilih mode ekstraksi — Dominan, Seimbang, atau Aksen — untuk mengatur seberapa banyak warna aksen kecil namun mencolok dipertahankan.
Berbeda dengan color picker yang membaca satu piksel setiap kali, alat ini menghasilkan warna-warna yang paling mewakili keseimbangan warna gambar secara keseluruhan. Gambar yang Anda unggah tidak pernah dikirim ke server — ekstraksi berjalan sepenuhnya di browser Anda. Gratis dan tanpa perlu mendaftar.
Cara penggunaan
- Seret dan lepas gambar yang ingin dianalisis, atau klik untuk memilih berkas.
- Warna dominan diekstrak dari seluruh gambar dan ditampilkan sebagai palet beserta porsi tiap warna.
- Pilih mode ekstraksi — Dominan, Seimbang, atau Aksen — untuk mengatur seberapa banyak warna aksen kecil dipertahankan.
- Pilih jumlah warna (4–12) pada "Jumlah warna" untuk mengekstrak ulang palet sesuai jumlah itu.
- Ganti format kode warna antara HEX, RGB, dan HSL, lalu klik warna mana pun untuk menyalinnya.
- Gunakan "Ekspor palet" untuk menyalin seluruh palet sebagai JSON, variabel CSS, SCSS, atau Tailwind.
Skenario penggunaan
- Desainer web dan front-end engineer yang memilih skema warna dari foto atau desain — ekspor warnanya langsung menjadi variabel CSS atau konfigurasi Tailwind.
- Desainer UI/UX yang menganalisis keseimbangan warna dari situs referensi atau tangkapan layar.
- Spesialis branding yang mengambil warna kunci (warna dasar dan aksen) dari foto produk atau aset merek untuk menyusun panduan warna.
- Ilustrator dan fotografer yang ingin cepat membaca nuansa warna keseluruhan sebuah gambar.
- Siapa pun yang menyelaraskan warna dek atau dokumen dengan gambar referensi.
Hal yang perlu diperhatikan
- Warna dihitung dengan kuantisasi median-cut. Mengubah jumlah warna mengubah nilai dan porsi yang dihasilkan, meski pada gambar yang sama.
- Warna yang mirip secara persepsi (selisih warna kecil) digabungkan, sehingga palet bisa menampilkan warna lebih sedikit daripada jumlah yang Anda pilih.
- Mode ekstraksi (Dominan / Seimbang / Aksen) mengatur pembobotan: Aksen cenderung mempertahankan warna kecil yang mencolok, sedangkan Dominan mengutamakan warna berarea besar.
- Gambar diperkecil secara internal sebelum dianalisis agar ekstraksi tetap cepat, sehingga porsi tiap warna bersifat perkiraan.
- Warna ditangani dalam ruang warna sRGB. Gambar gamut lebar (mis. Display P3) ditampilkan sebagai nilai hasil konversi sRGB.
- Piksel yang nyaris transparan dikecualikan dari warna yang diekstrak.
- Untuk membaca warna satu piksel, gunakan Color Picker. Alat ini untuk menghasilkan warna representatif sebuah gambar.