Ambil Warna dari Gambar - Dapatkan Kode Warna Foto

Ambil Warna dari Gambar dalam Satu Klik

Ambil Warna dari Gambar menarik warna-warna dominan dari foto, tangkapan layar, atau grafik apa pun begitu Anda melepaskannya ke sini. Unggah sebuah gambar dan alat ini langsung menyusun palet lengkap dengan nilai HEX, RGB, dan HSL untuk setiap warna — tanpa menebak, tanpa mengambil warna satu per satu secara manual.

Alat ini dibuat untuk desainer yang mencari inspirasi dari sebuah foto, pengembang yang menyamakan warna merek, dan siapa saja yang butuh kode warna persis dari sebuah gambar. Anda juga bisa memilih piksel mana pun dengan mengeklik gambar secara langsung, lalu menyalin atau mengekspor seluruh palet untuk proyek Anda.

Privat sejak awal: gambar Anda dibaca langsung di peramban untuk mengambil warnanya. Tidak ada yang diunggah ke server, jadi foto Anda tidak pernah meninggalkan perangkat.

Cara Mengambil Warna dari Gambar

Tambahkan gambar Anda

Klik area unggah untuk menelusuri, seret dan lepas berkas ke atasnya, atau salin sebuah gambar lalu tekan Ctrl+V (Cmd+V di Mac) untuk menempel. Berkas PNG, JPG, GIF, dan WebP didukung.

Baca paletnya

Warna dominan langsung muncul sebagai kartu. Setiap kartu menampilkan contoh warna, bilah dominasi, nama warna terdekat, serta nilai HEX, RGB, dan HSL secara berdampingan.

Pilih warna tertentu

Arahkan kursor ke gambar untuk melihat pratinjau warna di bawahnya, lalu klik untuk mengambil piksel yang persis itu. Gunakan tombol Perbesar untuk tampilan layar penuh saat Anda butuh pengambilan yang presisi.

Atur dan urutkan

Gunakan penggeser untuk mengambil mulai dari 3 hingga 15 warna, urutkan palet berdasarkan dominasi, kecerahan, atau rona, lalu tekan Ambil Ulang untuk menyegarkan hasilnya.

Salin atau ekspor

Klik nilai mana pun untuk menyalinnya, gunakan Salin Semua untuk mengambil seluruh HEX sekaligus, atau ekspor palet sebagai variabel CSS, variabel SCSS, JSON, atau gambar PNG.

Fitur

Ekstraksi Warna Cerdas

Algoritme pengelompokan k-means menggabungkan piksel yang serupa untuk menemukan warna yang benar-benar dominan, bukan sekadar yang paling sering muncul, sehingga palet sesuai dengan apa yang Anda lihat pada gambar.

Pengambil Warna Interaktif

Arahkan kursor untuk melihat pratinjau warna di bawahnya lewat tooltip HEX langsung, lalu klik untuk mengambil piksel mana pun. Mode Perbesar memberi tampilan layar penuh untuk pengambilan yang presisi.

Beragam Format Warna

Setiap warna dilengkapi nilai HEX, RGB, dan HSL, masing-masing dengan tombol salin sekali klik tersendiri sehingga Anda bisa mengambil format apa pun yang dibutuhkan proyek Anda.

Penamaan Warna

Setiap warna dicocokkan dengan warna bernama terdekat dari basis data yang besar, sehingga lebih mudah mendeskripsikan dan mengingat corak warna dalam palet Anda.

Pengurutan Fleksibel

Urutkan palet berdasarkan dominasi untuk menonjolkan warna utama, berdasarkan kecerahan dari terang ke gelap, atau berdasarkan rona untuk mengikuti roda warna.

Jumlah Warna yang Dapat Diatur

Penggeser sederhana memungkinkan Anda mengambil antara 3 hingga 15 warna, sehingga Anda bisa menjaga palet tetap ringkas atau menangkap rentang corak yang lebih luas.

Pilihan Ekspor

Bawa palet Anda ke mana saja sebagai variabel CSS, variabel SCSS, data JSON, atau lembar contoh warna PNG yang dapat diunduh lengkap dengan label HEX.

Riwayat Palet

Palet terbaru Anda tersimpan di peramban sehingga Anda bisa membukanya kembali tanpa mengunggah ulang. Hapus riwayat kapan saja untuk memulai dari awal.

Pertanyaan yang Sering Diajukan

Bagaimana cara mengambil warna dari gambar?

Tambahkan gambar dengan mengeklik area unggah, menyeret berkas ke dalamnya, atau menempel dari papan klip. Alat ini membaca gambar dan menampilkan warna dominannya sebagai palet secara otomatis — tanpa instalasi, tanpa pendaftaran.

Bagaimana cara mendapatkan kode HEX warna pada sebuah foto?

Arahkan kursor ke titik yang ingin Anda lihat warnanya, lalu klik untuk mengambil piksel yang persis itu. Nilai HEX-nya akan disalin untuk Anda, dan Anda juga bisa mengeklik nilai mana pun pada kartu warna untuk menyalinnya.

Apakah bisa mendapatkan RGB dan HEX sekaligus?

Bisa. Setiap warna yang diambil mencantumkan nilai HEX, RGB, dan HSL sekaligus, dan masing-masing punya tombol salin tersendiri sehingga Anda bisa mengambil format apa pun yang dibutuhkan.

Format gambar apa saja yang didukung?

Berkas PNG, JPG/JPEG, GIF, dan WebP semuanya bisa. Untuk palet paling jelas, gunakan gambar yang tajam dengan warna yang berbeda-beda, bukan yang buram atau terlalu banyak dikompresi.

Berapa banyak warna yang bisa diambil?

Mulai dari 3 hingga 15 warna menggunakan penggeser. Dimulai dari 3 yang cocok untuk sebagian besar gambar; naikkan jumlahnya untuk gambar yang lebih beragam, lalu tekan Ambil Ulang untuk menyusun ulang palet.

Apa arti "dominasi"?

Dominasi menunjukkan seberapa kuat sebuah warna mendominasi gambar. Semakin penuh bilah dominasi pada sebuah kartu, semakin besar bagian gambar yang ditutupi warna itu, sehingga memudahkan Anda melihat keseimbangan warna secara keseluruhan sekilas pandang.

Bisakah saya mengekspor palet sebagai CSS atau JSON?

Bisa. Menu ekspor memungkinkan Anda menyalin palet sebagai properti khusus CSS atau variabel SCSS, menyalinnya sebagai JSON untuk penggunaan terprogram, atau mengunduh lembar contoh warna PNG. Untuk CSS, tempel hasil ekspor ke dalam :root dan gunakan nilai seperti var(--color-1).

Apakah gambar saya diunggah ke server?

Tidak. Semua pemrosesan berjalan di peramban Anda dengan JavaScript, jadi gambar Anda tidak pernah meninggalkan perangkat. Riwayat palet yang tersimpan juga tetap berada di penyimpanan lokal peramban Anda sendiri.

Apakah berfungsi di ponsel?

Ya. Tata letaknya responsif dan berfungsi di ponsel maupun tablet. Pada layar sentuh, ketuk gambar untuk memilih warna alih-alih mengarahkan kursor dengan tetikus.