Ambil warna dari gambar
Pemilih Warna dari Gambar
Pemilih Warna dari Gambar menampilkan kode warna persis dari piksel mana pun yang Anda klik pada gambar. Kaca pembesar menampilkan piksel di bawah penunjuk, dan setiap warna yang dipilih dilengkapi nilai HEX, RGB, HSL, HSB, OKLCH, Lab, dan CMYK.
- Gratis, tanpa daftar
- Gambar tidak pernah keluar dari perangkat Anda
- Warna piksel yang persis
Letakkan gambar untuk memilih warna
atau tempel dengan Ctrl+V. JPG, PNG, WebP, GIF, AVIF, SVG. Maksimal 20 gambar.
Bagaimana cara memilih warna dari gambar?
Anda memilih warna dari gambar dengan membuka gambar di pemilih warna, lalu mengklik piksel yang Anda inginkan.
Buka gambar
Letakkan, tempel, atau pilih file JPG, PNG, WebP, GIF, AVIF, atau SVG. Gambar tetap berada di perangkat Anda.
Bidik dengan kaca pembesar
Gerakkan penunjuk di atas gambar. Kaca pembesar memperbesar area 11 kali 11 piksel di sekitarnya dan memberi garis tepi pada piksel di bawah penunjuk.
Klik untuk memilih
Klik atau ketuk untuk menambahkan warna piksel ke warna terpilih Anda. Seret pin untuk memindahkannya, atau geser sedikit dengan tombol panah.
Salin kodenya
Salin kode apa pun dengan sekali klik, atau ekspor semua warna terpilih ke CSS, Tailwind, Adobe, Procreate, dan lainnya.
Seberapa persis warna yang dipilih?
Setiap pilihan menghasilkan nilai piksel asli. Pemilih membaca gambar hingga 2048 piksel pada sisi terpanjangnya tanpa penghalusan, sehingga tidak ada perataan yang mengubah nilainya.
Piksel yang bersebelahan dalam foto sering berbeda, karena pencahayaan, tekstur, dan kompresi JPEG menambahkan variasi kecil. Untuk warna sebuah area secara keseluruhan, gunakan Ekstraktor Palet Warna dengan pengaturan Rata-rata.
Kode warna apa saja yang ditampilkan pemilih?
Pemilih menampilkan tujuh kode untuk setiap warna yang dipilih, masing-masing dengan tombol salin.
- HEX
- Kode enam digit untuk CSS dan aplikasi desain
- RGB
- Kanal merah, hijau, dan biru dari 0 sampai 255
- HSL
- Rona, saturasi, dan tingkat terang untuk CSS
- HSB
- Rona, saturasi, dan kecerahan untuk pemilih warna di aplikasi
- OKLCH
- Tingkat terang perseptual, kroma, dan rona untuk CSS modern
- CIE Lab
- Tingkat terang dan dua sumbu warna, sebagai
lab()di CSS - CMYK
- Perkiraan cetak tanpa profil printer
- Kontras
- Rasio WCAG 2 terhadap putih dan hitam
Kapan sebaiknya memakai pemilih warna alih-alih ekstraktor palet?
| Tugas | Alat |
|---|---|
| Menemukan kode satu titik tertentu, seperti tombol atau detail | Pemilih Warna dari Gambar |
| Mendapatkan warna utama seluruh gambar | Ekstraktor Palet Warna |
| Mendapatkan warna logo yang persis tanpa campuran tepi | Ekstraktor Warna Logo |
| Mendapatkan warna situs web dari kodenya | Ekstraktor Warna Situs Web |
Untuk apa orang memakai pemilih warna dari gambar?
Pencocokan warna
Cocokkan warna cat, kain, atau produk dari foto untuk tata letak cetak atau web.
Desain web
Salin warna persis sebuah tombol atau latar belakang dari tangkapan layar desain.
Pekerjaan merek
Ambil satu warna merek dari foto kemasan atau papan nama sebagai titik awal.
Pemeriksaan aksesibilitas
Baca kontras warna teks yang dipilih terhadap putih dan hitam di tab Kode warna.
FAQ pemilih warna dari gambar
Bagaimana cara mendapatkan kode HEX sebuah warna dalam gambar?
Buka gambar di Pemilih Warna dari Gambar, lalu klik warnanya. Kode HEX langsung muncul, dengan tombol salin di sampingnya.
Bisakah saya memilih warna di ponsel?
Ya. Ketuk gambar untuk memilih piksel, lalu seret pin-nya untuk menyempurnakan posisi.
Mengapa objek yang sama menampilkan kode HEX yang berbeda?
Pencahayaan, bayangan, dan kompresi memberi nilai berbeda pada piksel yang bersebelahan. Pilih dari area objek yang paling rata warnanya, atau rata-ratakan area tersebut dengan ekstraktor palet.
Bisakah saya memilih warna dari tangkapan layar?
Ya. Ambil tangkapan layar, lalu tempel ke halaman dengan Ctrl+V atau Command+V.
Apakah ada batas jumlah pilihan?
Tidak. Pilih warna sebanyak yang Anda butuhkan. Ekspor Procreate memuat 30 warna pertama, dan format kode memuat semuanya.