Pemilih warna
Ambil sebarang warna daripada imej dan dapatkan kod HEX, RGB, HSL, HSV dan CMYK dengan serta-merta.
Muat naik imej untuk mengambil warna
Seret & lepas, tampal, atau semak imbas — PNG, JPG, WEBP atau GIF
Petua: anda juga boleh menampal imej dengan Ctrl/Cmd + V
Kod warna
Nama warna terdekat: Royal Blue
Harmoni warna
Penyemak kontras (WCAG)
Contoh teks
Warna disimpan
Belum ada warna disimpan — pilih satu dan ketik “Simpan warna”.
Pemilih warna ialah alat yang membolehkan anda mengambil sebarang warna daripada imej dan terus mendapatkan kod tepatnya dalam pelbagai format seperti HEX, RGB, HSL, HSV dan CMYK. Ia amat berguna untuk reka bentuk web, pembangunan perisian, percetakan dan juga untuk memastikan kebolehcapaian (accessibility) sesebuah laman — misalnya apabila anda perlu memadankan warna jenama yang tepat, menyalin kod warna daripada gambar rujukan, atau menyemak sama ada kombinasi warna teks dan latar belakang memenuhi piawaian kontras.
Alat ini percuma sepenuhnya dan berjalan terus dalam pelayar anda — imej yang anda muat naik tidak dihantar ke mana-mana pelayan, jadi privasi anda terjamin. Selain membaca nilai warna tunggal, anda juga boleh mengekstrak keseluruhan palet warna daripada sesebuah imej, menjana harmoni warna (pelengkap, analog, triadik dan lain-lain) berdasarkan satu warna asas, serta menyemak nisbah kontras WCAG untuk memastikan teks anda mudah dibaca oleh semua pengguna.
Cara memilih warna daripada imej
- 1
Muat naik atau seret imej anda
Pilih fail daripada peranti anda, seret & lepaskan imej ke dalam kotak muat naik, atau tampal terus daripada papan keratan menggunakan Ctrl/Cmd + V.
- 2
Klik penitis warna pada piksel yang dikehendaki
Gunakan alat eyedropper untuk klik pada mana-mana bahagian imej. Zum masuk jika perlu untuk memastikan anda mengambil sampel piksel yang tepat.
- 3
Baca dan salin kod warna
Nilai HEX, RGB, HSL, HSV dan CMYK bagi warna yang dipilih akan dipaparkan serta-merta. Klik butang salin untuk menyalin format yang anda perlukan.
- 4
Ekstrak palet daripada imej
Gunakan fungsi ekstrak palet untuk menjana beberapa warna dominan daripada keseluruhan imej secara automatik — sesuai untuk membina skema warna jenama atau reka bentuk.
- 5
Jana harmoni warna
Berdasarkan warna yang dipilih, hasilkan kombinasi harmoni seperti pelengkap, analog, triadik, tetradik, split-pelengkap atau monokromatik untuk skema warna yang seimbang.
- 6
Semak kontras WCAG dan simpan hasil kerja anda
Uji nisbah kontras antara warna teks dan latar belakang mengikut piawaian WCAG AA/AAA, kemudian simpan warna atau palet kegemaran anda dan eksportkannya sebagai CSS, JSON atau PNG.
HEX, RGB, HSL, HSV dan CMYK dijelaskan
Warna yang sama boleh diwakili dalam beberapa format berbeza, dan setiap format mempunyai kegunaannya tersendiri bergantung pada sama ada anda bekerja dengan kod web, skrin paparan, alat reka bentuk atau bahan cetak.
| Model | Example | Best for |
|---|---|---|
| HEX | #3B82F6 | Web / CSS |
| RGB | rgb(59, 130, 246) | Skrin |
| HSL | hsl(217, 91%, 60%) | Pelarasan intuitif |
| HSV | hsv(217, 76%, 96%) | Alat reka bentuk |
| CMYK | cmyk(76%, 47%, 0%, 4%) | Percetakan |
Reka bentuk web & UI
Pilih warna daripada mock-up, gambar jenama atau imej rujukan untuk membina skema warna laman web dan antara muka pengguna yang konsisten. Ekstrak palet penuh daripada satu imej untuk mendapatkan idea warna sekunder dan aksen dengan pantas.
Pembangunan front-end (pemboleh ubah CSS)
Dapatkan kod HEX atau RGB yang tepat untuk terus ditampal ke dalam pemboleh ubah CSS, fail tema atau sistem reka bentuk anda, tanpa perlu meneka atau menganggarkan nilai warna secara manual.
Percetakan & penjenamaan
Bahan cetak seperti kad nama, banner dan pembungkusan menggunakan model warna CMYK, bukan RGB. Tukar warna jenama anda kepada nilai CMYK yang betul supaya hasil cetakan sepadan dengan apa yang dipaparkan pada skrin.
Kebolehcapaian (kontras WCAG)
Pastikan gabungan warna teks dan latar belakang laman web anda mudah dibaca oleh semua pengguna, termasuk mereka yang mempunyai penglihatan terhad, dengan menyemak nisbah kontras berbanding piawaian WCAG AA dan AAA.
Perbandingan
Berikut ialah perbandingan ringkas antara alat kami dengan imagecolorpicker.com, salah satu pemilih warna dalam talian yang popular.
| Model warna | HEX, RGB, HSL, HSV & CMYK | HEX, RGB & HSL sahaja |
| CMYK untuk percetakan | Ada, terus dipaparkan | Tiada |
| Penyemak kontras WCAG | Disertakan terus dalam alat | Tiada |
| Harmoni warna | Pelengkap, analog, triadik, tetradik & lagi | Tiada |
| Iklan | Tiada gangguan iklan | Banyak iklan pada halaman |
Soalan lazim
Bagaimana cara memilih warna daripada imej?
Muat naik atau seret imej anda ke dalam alat ini, kemudian klik pada mana-mana bahagian imej menggunakan penitis warna (eyedropper). Kod warna bagi piksel yang anda klik akan dipaparkan serta-merta dalam format HEX, RGB, HSL, HSV dan CMYK.
Apakah kod warna HEX?
Kod HEX ialah cara mewakili warna menggunakan enam digit heksadesimal (contohnya #3B82F6), di mana setiap dua digit mewakili nilai merah, hijau dan biru. Format ini paling kerap digunakan dalam kod HTML dan CSS untuk laman web.
Bagaimana cara menukar RGB kepada HEX?
Cukup pilih atau tampal warna anda ke dalam alat ini — nilai RGB dan HEX yang sepadan akan dikira dan dipaparkan secara automatik, tanpa perlu membuat pengiraan manual. Anda boleh terus menyalin kod HEX yang dihasilkan.
Bagaimana cara membuat palet warna daripada foto?
Muat naik foto anda, kemudian gunakan fungsi ekstrak palet untuk menjana beberapa warna dominan daripada imej tersebut secara automatik. Palet ini boleh disimpan dan dieksport sebagai CSS, JSON atau PNG untuk kegunaan reka bentuk seterusnya.
Bagaimana cara menyemak kontras warna untuk kebolehcapaian?
Gunakan penyemak kontras (WCAG) dalam alat ini dengan memasukkan warna teks dan warna latar belakang anda. Alat ini akan mengira nisbah kontras dan menunjukkan sama ada gabungan warna tersebut lulus piawaian AA atau AAA untuk teks biasa dan teks besar.
Adakah alat ini percuma dan selamat dari segi privasi?
Ya, alat ini percuma sepenuhnya. Semua pemprosesan imej berlaku terus dalam pelayar anda — imej yang anda muat naik tidak dihantar atau disimpan pada mana-mana pelayan, jadi data anda kekal peribadi.
