Apakah gambar yang diunggah disimpan di server?

Tidak, gambar tidak disimpan. Semua algoritma pemrosesan gambar dan ekstraksi warna dijalankan menggunakan API Canvas di browser Anda (lingkungan lokal). Data gambar tidak pernah dikirim ke server eksternal melalui internet, sehingga Anda dapat menggunakannya dengan aman bahkan untuk gambar yang sangat rahasia.

Format gambar apa yang didukung?

Alat ini mendukung format gambar web umum: JPG, PNG, GIF, WebP, dan SVG. Batas ukuran file adalah hingga 10MB, yang memastikan kapasitas yang cukup untuk sebagian besar kasus penggunaan.

Seberapa akurat warna yang diekstrak?

Karena alat ini membaca data piksel langsung di Canvas, Anda bisa mendapatkan 100% warna akurat (dalam ruang sRGB) di tingkat piksel. Selain itu, dengan menggunakan tombol panah keyboard setelah mengklik, Anda dapat memilih dan mengekstrak bahkan perbedaan warna yang halus pada piksel yang berdekatan dengan akurat.

Bisakah warna CMYK digunakan langsung untuk pencetakan?

Nilai CMYK yang diberikan oleh alat ini adalah angka teoretis berdasarkan perkiraan perhitungan dari nilai RGB. Untuk pencetakan profesional (DTP), warna tersebut bergantung pada profil warna, jadi disarankan untuk menggunakannya hanya sebagai nilai referensi dan melakukan pemeriksaan akhir dengan perangkat lunak khusus seperti Illustrator.

🎨

image color picker,

Pemilih Warna Gambar

Ekstrak warna akurat dari gambar secara instan.
Ekstrak palet warna dominan secara otomatis dan sesuaikan dengan keyboard.

🔍

Ekstraksi Sempurna Piksel

Dapatkan warna piksel secara akurat dengan kaca pembesar dan tombol panah

🎨

Analisis Warna Dominan

Secara otomatis mengekstrak 8 warna representatif teratas dari gambar

📋

5 Format Warna

Mendukung HEX, RGB, HSL, CMYK, dan OKLCH modern

🖼️

Seret & Lepas Gambar

atau klik untuk memilih file / Ctrl+V untuk menempel

JPG PNG GIF WebP SVG Maks 10MB

* Gambar diproses secara lokal di browser Anda dan tidak pernah dikirim ke server.

✅ Disalin!

Anda mungkin juga suka

✨

Pembuat CSS View Transition

🎨

Konverter Warna

↔️

Pembuat CSS Clamp

about,

Tentang Pemilih Warna

Pemilih Warna Gambar adalah alat online gratis yang memungkinkan Anda mengekstrak informasi warna spesifik dari gambar, foto, dan ilustrasi, memberi Anda kode warna seperti HEX, RGB, HSL, CMYK, dan OKLCH. Dengan pemrosesan sisi klien tingkat lanjut menggunakan API Canvas browser, gambar yang diunggah tidak pernah dikirim ke server eksternal, memastikan pengoperasian yang aman dan cepat.

Alat ini sangat berguna bagi perancang web dan pengembang front-end untuk menyelidiki warna utama desain referensi atau membuat palet warna yang sesuai dengan suasana foto. Selain ekstraksi warna yang sempurna di tingkat piksel menggunakan pemilih warna, alat ini juga memiliki fungsi ekstraksi otomatis untuk menganalisis warna dominan dari keseluruhan gambar.

how to,

Cara Menggunakan

STEP 1

Unggah gambar

Seret dan lepas gambar yang ingin Anda ekstrak warnanya ke area atas, atau klik untuk memilih file. Anda juga dapat menempel dari clipboard (Ctrl+V / Cmd+V). Pemuatan terjadi secara instan dan diproses di browser Anda.

STEP 2

Pilih warna spesifik dengan pemilih warna

Pilih tab "Pemilih Warna" dan klik area gambar yang ingin Anda periksa. Kaca pembesar akan muncul, memungkinkan Anda menargetkan piksel halus secara akurat. Setelah mengklik, Anda juga dapat melakukan penyesuaian halus piksel demi piksel menggunakan tombol panah (↑↓←→) di keyboard Anda.

STEP 3

Ekstrak warna dominan secara otomatis

Beralih ke tab "Ekstrak Otomatis" untuk secara otomatis menganalisis dan menghasilkan palet 8 warna representatif teratas (warna dominan) yang paling sering digunakan dalam gambar. Dengan mengklik "Salin Vars CSS" dari palet ini, Anda dapat langsung menempel dan menggunakannya di lembar gaya (stylesheet) proyek Anda.

glossary,

Glosarium

HEX (Kode Warna Heksadesimal): Metode representasi warna yang paling umum digunakan dalam desain web. Ia merepresentasikan nilai merah, hijau, dan biru dalam bentuk heksadesimal dari 00 hingga FF, diekspresikan sebagai string 6 karakter seperti #FF5733. Ini penting untuk menentukan warna dalam HTML dan CSS.
OKLCH: Metode definisi warna CSS modern yang menggunakan ruang warna yang seragam secara perseptual. Terdiri dari Lightness, Chroma, dan Hue, metode ini lebih cocok dengan karakteristik visual manusia daripada HSL tradisional, menawarkan keuntungan dalam membuat palet warna dengan rasio kontras yang konsisten secara mudah.
Warna Dominan: Warna utama yang paling lazim dalam gambar atau desain dan menentukan kesan keseluruhannya. Alat ini menggunakan algoritma Median Cut untuk menganalisis gambar dan secara otomatis mengekstrak 8 warna paling berdampak secara visual.
Algoritma Median Cut: Jenis algoritma yang sering digunakan untuk kuantisasi warna gambar. Algoritma ini secara efisien menghasilkan palet warna yang representatif dengan menempatkan semua piksel dalam ruang warna RGB 3D dan berulang kali membagi ruang di sepanjang sumbu warna dengan varians terbesar.
Palet Warna: Kombinasi warna yang digunakan dalam suatu desain. Ini adalah seperangkat warna yang mendefinisikan warna dasar, warna aksen, dll., untuk mencapai desain yang kohesif dan menyatu.

faq,

Pertanyaan yang Sering Diajukan

Q.Apakah gambar yang diunggah disimpan di server?: Tidak, gambar tidak disimpan. Semua algoritma pemrosesan gambar dan ekstraksi warna dijalankan menggunakan API Canvas di browser Anda (lingkungan lokal). Data gambar tidak pernah dikirim ke server eksternal melalui internet, sehingga Anda dapat menggunakannya dengan aman bahkan untuk gambar yang sangat rahasia.
Q.Format gambar apa yang didukung?: Alat ini mendukung format gambar web umum: JPG, PNG, GIF, WebP, dan SVG. Batas ukuran file adalah hingga 10MB, yang memastikan kapasitas yang cukup untuk sebagian besar kasus penggunaan.
Q.Seberapa akurat warna yang diekstrak?: Karena alat ini membaca data piksel langsung di Canvas, Anda bisa mendapatkan 100% warna akurat (dalam ruang sRGB) di tingkat piksel. Selain itu, dengan menggunakan tombol panah keyboard setelah mengklik, Anda dapat memilih dan mengekstrak bahkan perbedaan warna yang halus pada piksel yang berdekatan dengan akurat.
Q.Bisakah warna CMYK digunakan langsung untuk pencetakan?: Nilai CMYK yang diberikan oleh alat ini adalah angka teoretis berdasarkan perkiraan perhitungan dari nilai RGB. Untuk pencetakan profesional (DTP), warna tersebut bergantung pada profil warna, jadi disarankan untuk menggunakannya hanya sebagai nilai referensi dan melakukan pemeriksaan akhir dengan perangkat lunak khusus seperti Illustrator.

use cases,

Kasus Penggunaan

🎨

Desain dan Pengkodean Web

Ekstrak warna merek yang tepat (HEX/RGB) dari tangkapan layar situs referensi atau gambar logo yang disediakan oleh klien, dan terapkan pada CSS. Dengan menggunakan fitur ekstraksi otomatis, Anda dapat mengidentifikasi kandidat warna dasar, utama, dan aksen secara instan.

🖼️

Skema Warna UI yang Sesuai dengan Foto

Ekstrak warna dominan dari gambar thumbnail artikel atau foto yang ditempatkan di hero header. Dengan menetapkan warna-warna tersebut sebagai warna latar belakang teks atau tombol, Anda dapat mencapai desain halaman yang indah di mana gambar dan UI selaras.

✨

Membuat Palet Warna untuk Ilustrasi

Ekstrak kombinasi warna yang mencolok dari karya ilustrator favorit atau foto lanskap yang indah. Salin warna secara massal sebagai variabel CSS dan manfaatkan sebagai ide skema warna untuk karya orisinal Anda sendiri.

📸

Warna Referensi untuk Retouching Foto

Saat mengedit foto, dapatkan informasi warna area spesifik secara akurat, seperti warna kulit atau warna langit, pada tingkat piksel. Gunakan sebagai dasar untuk penyesuaian white balance dan color grading.