Cara menggunakan Pengambil Palet Warna Gambar
- Pilih gambar, seret atau tempel ke sini, atau coba gambar contohnya.
- Atur jumlah warna yang kamu mau. Centang Abaikan putih dan hitam pekat untuk logo dan foto produk dengan latar polos.
- Klik swatch mana pun untuk menyalinnya, atau klik gambar untuk memilih warna pasti dari sebuah piksel.
- Ekspor palet sebagai variabel CSS, konfigurasi warna Tailwind, SCSS, atau JSON.
Cara warna ditemukan
Gambar diperkecil dan piksel-pikselnya dikelompokkan berdasarkan warna menggunakan k-means clustering. Algoritma ini menempatkan sejumlah “pusat” sesuai jumlah warna yang kamu minta, menetapkan setiap piksel ke pusat terdekat, memindahkan setiap pusat ke rata-rata piksel-pikselnya, lalu mengulanginya sampai posisinya stabil. Setiap pusat menjadi satu swatch, dan persentasenya menunjukkan seberapa banyak area gambar yang diisinya. Piksel transparan dilewati, jadi logo dengan latar transparan juga hasilnya bagus.
Memakai palet
- Pilih warna dominan untuk latar belakang, dan warna yang kuat serta kontras untuk tombol dan tautan.
- Periksa pasangan teks dan latar belakang dengan Contrast Checker.
- Ubah satu warna menjadi skala lengkap 50–950 dengan Tailwind Color Generator, atau cari namanya dengan Color Name Finder.
Gambarmu diproses di perangkatmu menggunakan canvas dan tidak pernah diunggah.
Juga dicari sebagai: palet warna dari gambar, ekstrak warna dari gambar, ambil warna dari foto, color picker gambar, pemilih warna logo, generator palet warna dari foto, kode hex dari gambar, color extractor.
Tool yang cocok dipakai bersama Pengambil Palet Warna Gambar
- Konverter Warna — Tempel warna CSS apa pun — HEX, rgb(), hsl(), hwb(), oklch(), atau nama seperti tomato — dan langsung dapatkan format lainnya, plus palet siap pakai 50–950.
- Pencampur Warna — Pilih dua warna dan jumlah langkah untuk mendapatkan warna transisi yang tercampur merata, cocok untuk gradien, border, chart, dan state hover.
- Generator Gradient CSS — Rancang gradient secara visual — geser titik warna, ubah sudut atau jenisnya, mulai dari preset — lalu salin CSS siap pakai dengan warna solid sebagai fallback.
- Konverter HEX ke OKLCH — Tempel warna HEX dan dapatkan nilai OKLCH-nya untuk CSS.