Ekstrak warna merek dari mockup/screenshot
Melihat skema warna situs atau visual merek yang disukai — unggah screenshot, klik blok warna utama, dapatkan nilai HEX tepat untuk desain atau kodemu.
Klik atau seret di mana pun pada gambar untuk mengambil warna
HEX
RGB
HSL
Riwayat pengambilan
Setelah mengambil warna di gambar, akan dicatat di sini agar mudah dilihat dan dibandingkan lagi
Jalur mulai
Jalur terpendek · Ambil warna gambar
Tanpa menginstal perangkat lunak — semuanya di halaman web, dibantu kaca pembesar untuk pemosisian akurat.
-
1
Unggah gambar
Klik pilih atau seret gambar ke halaman. Mendukung JPG, PNG, WebP, GIF, maksimal 20MB, satu gambar per sesi.
-
2
Gerakkan mouse atau jari untuk memosisikan
Gerakkan kursor di gambar; kaca pembesar menampilkan piksel sekitar yang diperbesar secara real time, kotak merah menandai posisi yang akan diambil.
-
3
Klik untuk mengambil warna
Klik atau lepas jari di posisi target untuk mengambil warna — langsung tampil nilai HEX, RGB, HSL.
-
4
Salin nilai warna
Klik tombol salin di samping format yang diinginkan, tempel ke clipboard untuk dipakai.
Pemecahan masalah
Apakah pemilih warna mendukung proses batch?
Pemilih warna adalah alat interaktif untuk membaca nilai warna piksel — tidak menghasilkan file ekspor apa pun, jadi tidak ada konsep «batch» di sini. Sebesar apa pun gambar, kamu mengklik titik spesifik untuk membaca warna satu per satu, jadi alat ini hanya mendukung mengunggah satu gambar dan tidak menawarkan mode batch.
Apakah pengambilan warna selesai di komputer/ponselku, atau diunggah ke server?
Selesai sepenuhnya di browser perangkatmu saat ini. Menggunakan kemampuan baca piksel Canvas native browser, nilai warna di posisi tertentu dibaca langsung dari data gambar — asli tidak pernah diunggah ke server mana pun.
Mengapa warna di kaca pembesar mungkin sedikit berbeda dari warna yang diambil?
Kaca pembesar menampilkan tampilan diperbesar area kecil di sekitar posisi hover kursor, sementara warna yang benar-benar diambil adalah satu piksel spesifik yang ditandai kotak merah. Jika gambar punya gradien atau noise, piksel tetangga bisa sedikit berbeda — tetapi selama kamu mengklik berdasarkan piksel yang ditandai kotak merah, warna yang diambil akurat tanpa penyimpangan.
Apakah riwayat pengambilan disimpan, dan apakah bertahan setelah refresh?
Riwayat pengambilan hanya disimpan di memori browser halaman saat ini, memungkinkan membandingkan beberapa warna dalam sesi yang sama. Menyegarkan atau menutup halaman membersihkan riwayat — tidak pernah disimpan permanen atau diunggah. Jika perlu menyimpan nilai warna jangka panjang, salin dan tempel ke catatan atau alat desainmu dulu.
Format warna mana — HEX, RGB, atau HSL — yang harus saya pakai?
HEX (mis. #FF3B30) adalah format paling umum di pengembangan web dan kebanyakan alat desain, ringkas dan mudah ditempel. RGB (mis. rgb(255, 59, 48)) lebih intuitif saat perlu melihat atau menyesuaikan saluran merah, hijau, dan biru secara individual. HSL (mis. hsl(4, 100%, 59%)) mendeskripsikan warna menurut hue, saturasi, dan kecerahan — nyaman saat menyesuaikan gelap/terang atau saturasi sambil menjaga hue yang sama. Ketiga format mendeskripsikan warna yang sama persis — pilih yang cocok dengan alat atau kode tempat kamu menempel.
Seberapa presisi pemilih warna — bisakah membaca warna asli gambar yang sebenarnya?
Ya. Pemilih warna membaca data piksel mentah dari gambar yang didekode, tidak terpengaruh seberapa besar gambar ditampilkan di halaman — bahkan jika gambar ditampilkan lebih kecil di layar, pengambilan selalu presisi ke resolusi aktual gambar, tanpa pergeseran warna dari penskalaan tampilan.
-
Asli tidak masuk server kami
Pengambilan warna dan baca piksel selesai sepenuhnya di browser lokal — gambar tidak melewati server mana pun
-
Pemosisian akurat dengan kaca pembesar
Saat hover, tampilan diperbesar piksel di sekitar kursor secara real time; kotak merah menandai piksel yang akan diambil
-
Tiga format, salin sekali klik
HEX, RGB, HSL ditampilkan bersamaan — klik salin dan tempel langsung ke alat desain atau kode
-
Tanpa akun, ekspor berulang
Tanpa daftar, tanpa bayar, tanpa batas pemakaian tersembunyi
Situasi yang cocok
Kasus ini biasanya lebih hemat dibuka di sini
Bukan daftar fitur, melainkan «kapan layak menyeret satu gambar.» Jika tidak cocok, ganti alat — jangan dipaksakan.
Ekstrak nada alami dari foto untuk palet
Dari foto lanskap atau potret, ekstrak nada langit, kulit, tanaman, dll. sebagai acuan skema desain atau ilustrasi.
Cek warna desain vs implementasi
Saat mengembangkan ulang desain, ambil warna di screenshot desain dan halaman aktual untuk membandingkan HEX — konfirmasi cepat tanpa menebak dengan mata.
Format warna
Tabel cepat HEX, RGB, HSL
Tiga cara mendeskripsikan warna yang sama — pilih format sesuai tempat kamu menempel.
| Format | Contoh penulisan | Skenario penggunaan umum |
|---|---|---|
| HEX | #FF3B30 | CSS web, kotak input warna di kebanyakan alat desain (Figma, Photoshop) |
| RGB | rgb(255, 59, 48) | Saat perlu melihat atau menyesuaikan saluran merah, hijau, biru secara terpisah |
| HSL | hsl(4, 100%, 59%) | Deskripsi menurut hue, saturasi, kecerahan — nyaman menyesuaikan gelap/terang pada hue yang sama |
Ketiga format mendeskripsikan warna yang sama persis, hanya representasi numerik berbeda; setiap format di halaman bisa disalin sekali klik dan ditempel ke alat desain atau editor kode.
Catatan teknis
Tentang pengambilan warna lokal, dua hal layak diketahui
-
01
Membaca piksel mentah pada resolusi asli gambar
Gambar didekode dan digambar ke kanvas yang resolusinya sama persis dengan asli; yang terlihat di halaman hanyalah tampilan diperkecil. Saat mengambil warna, posisi tampilan dikonversi kembali ke koordinat piksel kanvas yang sebenarnya — jadi seberapa kecil pun tampilan di halaman, akurasi selalu mengikuti resolusi asli, tanpa distorsi dari penskalaan.
-
02
Mengapa pemilih warna tidak mendukung batch dan tidak menghasilkan unduhan
Fungsinya adalah «klik untuk membaca nilai warna satu piksel» — alat lihat interaktif murni, tidak menghasilkan file gambar untuk diunduh, jadi tidak ada semantik batch «banyak gambar → banyak hasil.» Jika perlu mengambil warna dari beberapa gambar, unggah bergiliran; setiap ganti gambar mengosongkan riwayat pengambilan saat ini.
File masih di sisimu — seret satu untuk dicoba
Tanpa akun. Puas baru batch; belum puas, ganti parameter dan ulangi.