OnlineFreeTools.org
  • Beranda
  • Image editing tools
    • Watermark teks — di browser
    • Ekstrak warna gambar — palet & klik ambil
    • Balik gambar — cermin H/V
    • Border gambar — warna & lebar
    • Kompres gambar — sisi terpanjang, kualitas & ukuran target (lokal)
    • Potong & ubah ukuran gambar — lokal
    • Lihat & hapus EXIF foto — GPS, kamera, lokal
    • Konverter Format Gambar — PNG JPEG WebP AVIF BMP GIF ICO SVG
    • Grayscale gambar — hitam putih
    • Gabung gambar — satukan foto jadi kolase
    • Optimasi gambar — WebP, AVIF & MozJPEG di perangkat
    • Timpa gambar — taruh logo di foto
    • Gambar ↔ Base64 — encode & decode
    • Gambar ke GIF — animasi singkat
    • Gambar ke PDF — satu halaman per foto
    • Gambar ke PowerPoint — satu slide per foto
    • Gambar ke Word — DOCX lokal
  • Alat desain
    • Paket Token Warna Merek — Skala HEX HSL OKLCH
    • Pemeriksa Kontras WCAG — Rasio AA/AAA
  • Developer tools
    • Tambah WWW ke DNS — A/CNAME & panduan provider
    • Konverter CSV ↔ JSON — tipe, pemisah, lokal
    • Encode & Decode HTML Entity — lokal di browser
    • IndexNow — kirim URL Bing, cek kunci & kode status
    • Cek IP saya — Alamat IP publik (IPv4/IPv6)
    • Validator JSON Schema — Path draft-07 & lokal
    • Markdown ke HTML & sebaliknya — pratinjau aman
    • Compare Two Texts Online — Text Diff Checker
    • Cek header HTTP website — Lihat response headers
    • YAML ke JSON & sebaliknya — aturan tipe, multi-dokumen
  • Calculators
    • Kalkulator BMI — Cara menghitung indeks massa tubuh
    • Kalkulator gradien — ∇f multivariabel (turunan parsial)
    • Kalkulator pendapatan marjinal — Rumus ΔTR / ΔQ
    • Kalkulator perubahan persentase — Dari nilai lama ke baru
    • Kalkulator ROI — Cara menghitung return on investment
    • Konversi square feet ke m² — Untuk rumah & renovasi
  • English
  • 中文
  • Español
  • العربية
  • Português
  • Bahasa Indonesia
  • Français
  • 日本語
  • Русский
  • Deutsch

Alat

Watermark teks — di browserTambah WWW ke DNS — A/CNAME & panduan providerPaket Token Warna Merek — Skala HEX HSL OKLCHEkstrak warna gambar — palet & klik ambilKonverter CSV ↔ JSON — tipe, pemisah, lokalBalik gambar — cermin H/VKalkulator BMI — Cara menghitung indeks massa tubuhKalkulator gradien — ∇f multivariabel (turunan parsial)Kalkulator pendapatan marjinal — Rumus ΔTR / ΔQKalkulator perubahan persentase — Dari nilai lama ke baruKalkulator ROI — Cara menghitung return on investmentEncode & Decode HTML Entity — lokal di browserBorder gambar — warna & lebarKompres gambar — sisi terpanjang, kualitas & ukuran target (lokal)Potong & ubah ukuran gambar — lokalLihat & hapus EXIF foto — GPS, kamera, lokalKonverter Format Gambar — PNG JPEG WebP AVIF BMP GIF ICO SVGGrayscale gambar — hitam putihGabung gambar — satukan foto jadi kolaseOptimasi gambar — WebP, AVIF & MozJPEG di perangkatTimpa gambar — taruh logo di fotoGambar ↔ Base64 — encode & decodeGambar ke GIF — animasi singkatGambar ke PDF — satu halaman per fotoGambar ke PowerPoint — satu slide per fotoGambar ke Word — DOCX lokalIndexNow — kirim URL Bing, cek kunci & kode statusCek IP saya — Alamat IP publik (IPv4/IPv6)Validator JSON Schema — Path draft-07 & lokalMarkdown ke HTML & sebaliknya — pratinjau amanKonversi square feet ke m² — Untuk rumah & renovasiCompare Two Texts Online — Text Diff CheckerPemeriksa Kontras WCAG — Rasio AA/AAACek header HTTP website — Lihat response headersYAML ke JSON & sebaliknya — aturan tipe, multi-dokumen

Ekstrak warna gambar — palet & klik ambil

6

Klik gambar untuk rata-rata region kecil di sekitar titik itu (sekitar 7×7 piksel sumber).

Ambil warna dominan dan palet lengkap dari foto apa pun — atau gunakan color picker dengan klik region kecil. Langkah: pilih gambar, atur jumlah warna (2–12), ekstrak, salin HEX/RGB/HSL, atau klik pratinjau untuk rata-rata lokal. Contoh: enam warna dari foto brand lalu klik logo untuk aksen — file tetap di perangkat.

Cara kerja

Pilih foto dan ekstrak palet: halaman mengecilkan salinan kerja (sisi terpanjang ~256 px), melewati piksel hampir transparan, mengelompokkan warna, dan mengurutkan menurut frekuensi. Terpisah, klik pratinjau untuk rata-rata kotak kecil di sekitar titik itu pada resolusi penuh dan salin HEX, RGB, atau HSL — tidak ada unggahan.

Yang perlu diharapkan

Ekstraksi palet dan ambil warna dengan klik memakai gambar yang sama tapi menjawab pertanyaan berbeda. Gunakan daftar ini jika warna terasa aneh.

  • Sampling palet memakai bitmap diperkecil (tepi maks ~256 px) agar foto besar tetap responsif. Detail halus bisa menyatu ke hue terdekat.
  • Piksel dengan alpha di bawah 128 diabaikan untuk palet dan rata-rata klik. Titik sepenuhnya transparan menampilkan pesan jelas.
  • Anda minta 2–12 warna palet; gambar datar bisa mengembalikan lebih sedikit. Warna diurutkan menurut porsi sampel.
  • Klik merata-ratakan piksel opaque dalam jendela ~7×7 di sekitar klik pada koordinat sumber (bukan hanya pratinjau kecil). Ini sample region, bukan pipet satu piksel lab.
  • Privasi: decode, perhitungan palet, dan sampling klik berjalan lokal di tab ini.

Contoh

Muat contoh empat blok, biarkan Warna di 6, lalu ekstrak — Anda seharusnya melihat teal, amber, hijau, krem, dan merah. Lalu klik lingkaran merah: kartu warna diambil menampilkan HEX merah dari rata-rata ~7×7 di sekitar titik itu, siap salin.

Cocok untuk

  • Foto brand: ambil palet, lalu klik logo atau tombol untuk aksen spesifik.
  • Screenshot UI: lihat palet antarmuka, lalu klik chip atau ikon untuk warna region itu.
  • Ide gradien: ambil dua aksen dari palet atau dengan klik, lalu buka kalkulator gradien.

Frequently asked questions

Apakah gambar saya keluar dari browser?

Tidak. Perhitungan palet dan sampling klik berjalan lokal. Cek tab Network — gambar tidak di-POST.

Bagaimana warna utama dipilih?

Halaman mengecilkan gambar, membuang piksel alpha rendah, membagi ruang warna dengan median-cut, merata-ratakan tiap bucket, dan mengurutkan menurut jumlah sampel.

Apa yang terjadi saat saya klik gambar?

Alat memetakan klik ke piksel sumber dan merata-ratakan warna opaque dalam kotak kecil (~7×7). Anda dapat HEX/RGB/HSL untuk region itu, terpisah dari daftar palet.

Mengapa klik bukan satu piksel?

Foto dan screenshot UI berisik pada 1×1. Rata-rata region kecil lebih stabil untuk aksen CSS sambil tetap melacak tempat Anda klik.

Apakah GIF animasi dianalisis penuh?

Hanya frame pertama yang digambar, dipakai untuk palet, dan tersedia untuk ambil warna dengan klik.

Related tools

  • Paket Token Warna Merek — Skala HEX HSL OKLCH
  • Pemeriksa Kontras WCAG — Rasio AA/AAA

Bagikan alat ini

Bagikan di jejaring sosial, salin tautan, atau gunakan berbagi perangkat.

XFacebookLinkedInRedditWhatsAppTelegram

https://onlinefreetools.org/id/tools/color-from-image

Pertanyaan atau masukan

Ada yang kurang jelas, rusak, atau hilang? Tulis pesan di bawah — kami membaca setiap catatan tentang alat ini.

Email: dailyonetools@outlook.com

References

  • MDN — CanvasRenderingContext2D.getImageData()
  • MDN — HTMLCanvasElement
OnlineFreeTools.org · Proyek pembelajaran · Terus beriterasi
Tentang·Log Pengembangan·Privasi·Ketentuan·Kontak