Cek kode warna dari gambar secara online

Buka gambar, arahkan tanda bidik yang diperbesar ke piksel yang Anda butuhkan, lalu salin nilai HEX, RGB, atau HSL dan simpan warna yang berguna.

atau lepaskan satu gambar di sini

JPG, PNG, atau WebP · hingga 50 MB

Gambar dianalisis secara lokal di browser Anda

Warna yang tepat langsung dari gambar

Pengambilan warna hingga tingkat piksel

Gunakan tanda bidik yang diperbesar untuk memilih piksel tertentu, bukan sekadar memperkirakan warna dari seluruh gambar.

HEX, RGB, HSL, dan palet warna

Salin warna pilihan dalam format web dan desain yang umum, simpan beberapa sampel, dan lihat warna utama dari gambar.

Analisis warna secara lokal

Pengambilan piksel dan pembuatan palet berlangsung di perangkat tanpa mengunggah gambar ke server ImageNow.

Cara kerjanya

  1. Pilih atau lepaskan satu gambar yang didukung.
  2. Gerakkan penunjuk pada gambar dan pilih piksel yang tepat dengan tanda bidik yang diperbesar.
  3. Salin nilai HEX, RGB, atau HSL dan simpan warna yang ingin dipertahankan.
  4. Bandingkan sampel Anda dengan palet hasil ekstraksi atau buka gambar lain.

Cara mendapatkan kode warna dari gambar

Pilih gambar, arahkan penunjuk ke area yang diinginkan, lalu gunakan tampilan yang diperbesar untuk membedakan piksel yang berdekatan. Pilih piksel untuk memperbarui warna saat ini, kemudian salin format yang dibutuhkan alat desain, stylesheet, dokumen, atau presentasi Anda.

HEX, RGB, dan HSL mewakili warna yang sama

HEX adalah bentuk heksadesimal ringkas yang umum dipakai dalam CSS dan serah terima desain. RGB menampilkan nilai kanal merah, hijau, dan biru. HSL menjelaskan rona, saturasi, dan kecerahan yang lebih mudah disesuaikan secara sistematis. Mengubah format tidak mengubah warna yang diambil.

Mengapa piksel yang berdekatan dapat memiliki nilai berbeda

Foto memiliki tekstur, pencahayaan, bayangan, artefak kompresi, dan tepi anti-alias, sehingga piksel berdekatan dapat berbeda meski terlihat seperti satu area. Ambil beberapa titik di sekitarnya dan simpan nilai yang berguna. Palet utama membantu melihat warna secara umum, tetapi tidak menggantikan pemilihan piksel yang tepat.

Gunakan warna sampel dengan kontras yang sesuai

Warna dari logo atau foto belum tentu mudah dibaca sebagai teks atau cocok untuk setiap antarmuka. Saat memakainya di situs web atau dokumen, uji pasangan warna latar depan dan latar belakang pada ukuran teks yang dibutuhkan serta ikuti standar aksesibilitas yang berlaku untuk proyek Anda.

Pertanyaan yang sering diajukan

Bagaimana cara mengambil warna dari gambar?

Pilih gambar, arahkan ke area yang diinginkan, gunakan tanda bidik yang diperbesar untuk menemukan satu piksel, lalu pilih piksel tersebut. Setelah itu Anda dapat menyalin nilai HEX, RGB, atau HSL.

Bisakah saya mendapatkan kode HEX dari foto?

Bisa. Piksel opak ditampilkan sebagai HEX enam digit; piksel yang memiliki transparansi menggunakan HEX delapan digit yang mencakup kanal alfa. Nilai RGB dan HSL juga mempertahankan alfa. Gunakan tombol salin di samping nilai yang Anda butuhkan.

Apa perbedaan HEX, RGB, dan HSL?

Ketiganya adalah cara berbeda untuk mewakili warna yang sama. HEX dan RGB menyandikan kanal merah, hijau, dan biru, sedangkan HSL menjelaskan rona, saturasi, dan kecerahan.

Bisakah saya menyimpan lebih dari satu warna sampel?

Bisa. Simpan sampel yang berguna saat memeriksa gambar, lalu bandingkan atau salin tanpa harus mencari piksel yang sama berulang kali. Warna tersimpan juga dapat diunduh sebagai file CSS atau TXT.

Apakah alat ini membuat palet warna?

Ya. Alat ini menampilkan 8 warna utama yang dihitung dari gambar. Pilih salah satunya untuk melihat nilainya, atau gunakan pengambilan piksel jika Anda membutuhkan warna pada lokasi yang tepat.

Mengapa warna sampel sedikit berbeda dari yang saya harapkan?

Pencahayaan, gradasi, kompresi gambar, pengelolaan warna layar, dan tepi anti-alias dapat membuat nilai piksel di sekitar berbeda. Gunakan kaca pembesar dan bandingkan beberapa sampel yang berdekatan.

Bisakah alat ini memeriksa apakah kontras dua warna memenuhi standar aksesibilitas?

Tidak. Halaman ini mengambil dan mengonversi warna gambar. Uji pasangan warna latar depan dan latar belakang yang sebenarnya dengan pemeriksa kontras aksesibilitas khusus.

Apakah gambar saya diunggah?

Tidak. Gambar dibaca, diambil sampel warnanya, dan dianalisis secara lokal di browser tanpa diunggah ke server ImageNow.