Pemilih Warna dari Imej
Hover untuk pratonton, klik untuk mengunci warna
Bila anda perlu memilih warna dari imej?
Pereka mencocokkan warna jenama dari logo tanpa akses kepada panduan gaya asal; pemaju mengekstrak warna dominan dari foto untuk penjanaan tema; guru menarik warna dari karya seni untuk pelajaran. Pipet membaca RGB tepat dari piksel di bawah kursor dan menukarnya kepada hex (`#RRGGBB`) dan HSL.
Pipet terbina dalam pelayar (API `EyeDropper` Chrome) hanya berfungsi di skrin — bukan pada fail yang dimuat naik. Alat ini mengisi kekosongan itu dengan memuat imej anda ke dalam kanvas dan membolehkan anda mengambil sampel mana-mana piksel.
Kes penggunaan biasa
- Cocokkan warna jenama dari tangkapan skrin laman web pesaing.
- Ekstrak palet dari fotografi untuk projek reka bentuk grafik.
- Cari warna latar belakang tepat dari tangkapan skrin UI untuk menciptanya semula.
- Ambil sampel tona kulit dari potret untuk rujukan penggredan atau solek.
Soalan yang sering ditanya
Mengapa warna sedikit berbeza dari asal?
Imej besar disesuaikan untuk muat (maks 800px) sebelum pengambilan sampel, jadi pada imej besar nilai yang dipilih datang dari pratonton yang diambil sampel semula, bukan piksel asal yang tepat. Sumber JPEG juga sedikit mengubah warna kerana pemampatan.
Bolehkah saya memilih dari piksel telus?
Ya — pemilih menunjukkan RGBA. Piksel yang sepenuhnya telus masih mempunyai nilai RGB yang mendasari (selalunya 0,0,0 atau latar belakang kanvas).
Adakah pemilih berfungsi pada GIF animasi?
Ia mengambil sampel bingkai pertama. Untuk bingkai lain, ambil tangkapan skrin pada saat yang anda inginkan dan muat naik tangkapan skrin tersebut.
Bagaimana hex dan RGB berkaitan?
Hex `#RRGGBB` adalah nilai yang sama dengan RGB `(R, G, B)` yang ditulis dalam asas 16 dan bukannya asas 10. `#FF0000` dan `rgb(255, 0, 0)` kedua-duanya bermaksud merah tulen.
Adakah imej saya dimuat naik?
Tidak — imej dimuat ke dalam kanvas pelayar dan kekal di situ. Tiada panggilan rangkaian.