Tangkapan skrin selalunya satu-satunya benda yang anda ada. Anda tak boleh buka CSS laman, anda tak boleh periksa aplikasi, anda tak ada fail reka bentuk — tetapi anda boleh nampak warna di skrin, dan tangkapan skrin membekukannya menjadi imej yang boleh anda ambil sampel. Inilah cara menarik kod warna tepat daripada satu.
Kenapa tangkapan skrin ialah sumber yang jujur
Bila anda tangkap skrin halaman atau aplikasi yang diterjemah, anda menangkap warna sebagaimana ia sebenarnya muncul — selepas setiap kecerunan, tindanan, dan kelegapan digunakan. Itu selalunya lebih benar daripada nilai sumber. Kad yang ditakrif sebagai #000000 pada kelegapan 90% atas latar kelabu bukanlah hitam di skrin; ia beberapa kelabu gelap tertentu. Memeriksa kod memberi anda resipi; mengambil sampel tangkapan skrin memberi anda warna yang pengguna sebenarnya nampak. Bila anda memadankan rupa itu, tangkapan skrin ialah apa yang anda mahu baca.
Ambil warna dalam tiga langkah
- Ambil dan muatkan tangkapan skrin. Tangkap skrin (atau kawasan yang anda pentingkan) dan jatuhkan imej ke dalam pemilih.
- Tuding ke piksel. Kanta pembesar mengikut kursor anda dan membesarkan kawasan di bawahnya, jadi anda boleh mendarat dengan tepat — walaupun pada sempadan nipis atau ikon kecil.
- Klik untuk simpan, kemudian salin. Setiap klik menyimpan warna sebagai sampel dengan HEX, RGB dan HSL-nya, setiap satu dengan butang salin. Salin format yang anda perlukan dan tampal ke dalam helaian gaya atau alat reka bentuk anda.
Perkara khusus tangkapan skrin yang perlu diperhatikan
Tangkapan skrin ada keanehan yang boleh menyimpangkan sampel warna, dan ia mudah dielakkan sebaik anda mengetahuinya:
- Simpan sebagai PNG, bukan JPEG. Pemampatan JPEG mengaburkan warna sedikit, terutamanya berhampiran tepi dan dalam kawasan rata, jadi nilai yang disampel boleh menyimpang daripada yang sebenar. PNG lossless dan mengekalkan setiap piksel tepat — kebanyakan alat tangkapan skrin OS sudah lalai kepada PNG.
- Beri perhatian pada tahap zum. Tangkapan skrin yang diambil pada zum pelayar atau OS selain 100% diskalakan, dan penskalaan mengadun piksel jiran. Untuk sampel paling bersih, tangkap pada 100%.
- Elakkan tepi dan teks. Antialias bermaksud piksel sepanjang mana-mana tepi ialah adunan, bukan warna sebenar. Ambil sampel dari tengah kawasan pejal — kanta membantu anda melihat anda jauh dari sempadan kabur.
- Perhatikan warna teks subpiksel. Zum masuk ke teks yang diterjemah dan anda akan nampak pinggir warna yang bukan nilai sebenar teks. Pilih warna daripada isian dan latar, bukan daripada lejang huruf.
Membaca HEX, RGB dan HSL
Setiap sampel menunjukkan ketiga-tiga format sekali gus:
- HEX (
#3A7BD5) — lalai untuk CSS dan alat reka bentuk. - RGB (
rgb(58, 123, 213)) — nilai saluran, berguna bila anda perlukan ketelusanrgba. - HSL (
hsl(215, 65%, 53%)) — rona, ketepuan, kecerahan, terbaik bila anda mahu mengubah warna bukannya menyalinnya dengan tepat.
Anda tak sampel semula untuk bertukar — warna sama sudah ada di sana dalam ketiga-tiganya.
Ambil seluruh skema dalam satu laluan
Daripada satu tangkapan skrin anda boleh membina semula seluruh skema warna: klik warna pengepala, butang, pautan, latar, teks yang diredamkan. Setiap satu bertimbun dalam senarai jadi anda boleh menarik set penuh dalam satu sesi dan menyalinnya dalam susunan.
Kalau sebaliknya anda mahu palet keseluruhan imej diringkaskan untuk anda — segelintir nada dominan — itu kerja berasingan, dan alat palet img.diy mengekstraknya secara automatik. Pemilih ini untuk menuding pada piksel tertentu dalam tangkapan skrin; alat palet untuk mencirikan imej secara keseluruhan.
Tiada apa-apa meninggalkan mesin anda
Tangkapan skrin selalunya mengandungi perkara yang anda lebih rela tak muat naik — papan pemuka dalaman, draf peribadi, UI belum dilancarkan pelanggan. Di sini imej dibaca setempat dalam pelayar anda daripada kanvas: tiada apa-apa dihantar ke mana-mana, tiada akaun, dan ia berfungsi luar talian selepas muatan pertama. Anda dapat warna tanpa tangkapan skrin pernah meninggalkan peranti anda.
Ambil tangkapan skrin, tuding ke piksel, klik, dan salin.