Pilih warna daripada imej
Pemilih Warna Imej
Pemilih Warna Imej memaparkan kod warna tepat bagi mana-mana piksel yang anda klik dalam imej. Kanta pembesar menunjukkan piksel di bawah penuding, dan setiap warna yang dipilih disertakan dengan nilai HEX, RGB, HSL, HSB, OKLCH, Lab dan CMYK.
- Percuma, tanpa pendaftaran
- Imej tidak pernah meninggalkan peranti anda
- Warna piksel tepat
Lepaskan imej untuk memilih warna
atau tampal dengan Ctrl+V. JPG, PNG, WebP, GIF, AVIF, SVG. Sehingga 20 imej.
Bagaimanakah anda memilih warna daripada imej?
Anda memilih warna daripada imej dengan membuka imej dalam pemilih dan mengklik piksel yang anda mahu.
Buka imej
Lepaskan, tampal atau pilih fail JPG, PNG, WebP, GIF, AVIF atau SVG. Imej kekal pada peranti anda.
Halakan dengan kanta pembesar
Gerakkan penuding di atas imej. Kanta pembesar membesarkan 11 kali 11 piksel di sekelilingnya dan menggariskan piksel di bawah penuding.
Klik untuk memilih
Klik atau ketik untuk menambah warna piksel ke dalam warna yang dipilih. Seret pin untuk mengalihkannya, atau anjakkannya sedikit dengan kekunci anak panah.
Salin kod
Salin mana-mana kod dengan satu klik, atau eksport semua warna yang dipilih ke CSS, Tailwind, Adobe, Procreate dan banyak lagi.
Sejauh manakah ketepatan warna yang dipilih?
Setiap pilihan memaparkan nilai piksel sebenar. Pemilih membaca imej pada sehingga 2,048 piksel di sisi terpanjangnya tanpa pelicinan, jadi tiada purata yang mengubah nilai tersebut.
Piksel bersebelahan dalam foto sering berbeza, kerana pencahayaan, tekstur dan pemampatan JPEG menambah variasi kecil. Untuk warna keseluruhan sesuatu kawasan, gunakan Pengekstrak Palet Warna dengan tetapan Purata.
Kod warna manakah yang ditunjukkan oleh pemilih?
Pemilih menunjukkan tujuh kod bagi setiap warna yang dipilih, setiap satu dengan butang salin.
- HEX
- Kod enam digit untuk CSS dan aplikasi reka bentuk
- RGB
- Saluran merah, hijau dan biru daripada 0 hingga 255
- HSL
- Rona, ketepuan dan kecerahan untuk CSS
- HSB
- Rona, ketepuan dan kecerlangan untuk pemilih warna aplikasi
- OKLCH
- Kecerahan perseptual, kroma dan rona untuk CSS moden
- CIE Lab
- Kecerahan dan dua paksi warna, sebagai
lab()CSS - CMYK
- Anggaran cetakan tanpa profil pencetak
- Kontras
- Nisbah WCAG 2 terhadap putih dan hitam
Bilakah anda patut menggunakan pemilih dan bukannya pengekstrak palet?
| Tugas | Alat |
|---|---|
| Cari kod bagi satu titik tertentu, seperti butang atau butiran kecil | Pemilih Warna Imej |
| Dapatkan warna utama keseluruhan imej | Pengekstrak Palet Warna |
| Dapatkan warna logo tepat tanpa campuran tepi | Pengekstrak Warna Logo |
| Dapatkan warna laman web daripada kodnya | Pengekstrak Warna Laman Web |
Untuk apakah orang menggunakan pemilih warna imej?
Pemadanan warna
Padankan warna cat, fabrik atau produk daripada foto untuk susun atur cetakan atau web.
Reka bentuk web
Salin warna tepat butang atau latar belakang daripada tangkapan skrin reka bentuk.
Kerja penjenamaan
Ambil satu warna jenama daripada foto pembungkusan atau papan tanda sebagai titik permulaan.
Semakan kebolehcapaian
Baca kontras warna teks yang dipilih terhadap putih dan hitam dalam tab Kod warna.
Soalan lazim pemilih warna imej
Bagaimanakah saya mendapatkan kod HEX sesuatu warna dalam gambar?
Buka gambar dalam Pemilih Warna Imej dan klik warna tersebut. Kod HEX muncul serta-merta, dengan butang salin di sebelahnya.
Bolehkah saya memilih warna pada telefon?
Ya. Ketik imej untuk memilih piksel, kemudian seret pinnya untuk memperhalus kedudukan.
Mengapakah objek yang sama menunjukkan kod HEX yang berbeza?
Pencahayaan, bayang dan pemampatan memberikan nilai yang berbeza kepada piksel bersebelahan. Pilih daripada kawasan objek yang paling rata warnanya, atau ambil purata kawasan itu dengan pengekstrak palet.
Bolehkah saya memilih warna daripada tangkapan skrin?
Ya. Ambil tangkapan skrin dan tampalkannya ke dalam halaman dengan Ctrl+V atau Command+V.
Adakah had bilangan pilihan?
Tidak. Pilih seberapa banyak warna yang anda perlukan. Eksport Procreate memuatkan 30 warna pertama, dan format kod memuatkan kesemuanya.