Anda nampak warna yang anda mahu guna semula — dalam foto, tangkapan skrin tapak yang anda suka, logo lama yang fail sumbernya sudah lama hilang — dan anda perlukan kod hex sebenar, bukan tekaan. Menganggarnya dengan mata tidak pernah betul; monitor menipu dan "biru itu" sebenarnya enam biru yang sedikit berbeza. Menarik palet terus daripada piksel memberi anda kod yang boleh anda tampal ke CSS, alat reka bentuk, atau dokumen jenama.
Inilah cara melakukannya, dan cara mendapatkan palet yang benar-benar boleh diguna dan bukan sekadar ambilan piksel rawak.
Apa sebenarnya "mengekstrak palet" lakukan
Alat mengimbas imej dan mencari warna yang paling mewakilinya — nada dominan tambah aksen yang ketara — kemudian memberi anda setiap satu sebagai kod hex yang boleh anda salin. Daripada sejuta warna piksel individu, anda dapat set kemas (katakan 5 atau 8) yang meringkaskan imej.
Ini benar-benar berguna untuk beberapa kerja biasa:
- Memulihkan warna jenama daripada logo atau aset lama apabila anda tiada spesifikasi asal.
- Membina palet reka bentuk daripada foto yang moodnya anda mahu padankan — landskap, tangkapan produk, karya seni.
- Memadankan tapak atau grafik sedia ada yang anda hanya ada tangkapan skrinnya.
- Memilih latar belakang atau aksen yang harmoni dengan imej yang anda sudah guna.
Letakkan imej dan baca kodnya:
Guna kawalan kiraan untuk mendapatkan palet yang berguna
Tetapan tunggal paling penting ialah berapa banyak warna yang anda tarik. Ia mengubah jawapan sepenuhnya.
- Warna lebih sedikit (3–5) memberi anda palet penting — segelintir nada yang mentakrifkan imej. Ini yang biasanya anda mahu untuk penjenamaan atau sistem reka bentuk, di mana set ketat ialah ciri, bukan had.
- Warna lebih banyak (8–12) menangkap aksen dan kecerunan halus. Berguna apabila imej kaya dan pelbagai dan anda mahu nada sekunder juga, atau apabila anda mengkaji tepat bagaimana foto digubah.
Jika hasil pertama terasa tak kena — satu warna mendominasi, atau aksen yang anda mahu tercantum hilang — laraskan kiraan dan baca semula. Foto yang 80% langit akan menyerahkan anda banyak biru pada kiraan rendah; naikkan kiraan untuk mendedahkan pop warna yang lebih kecil.
Klik untuk menyalin — aliran kerja yang penting
Membaca kod hex dan menaipnya ialah tempat ralat menyelinap (#3A7BD5 lwn #3A7BD6 dan anda menghabiskan sepuluh minit tertanya mengapa ia kelihatan salah). Dalam alat Palet Warna, setiap swatch menyalin kod hexnya apabila diklik, jadi anda terus daripada imej ke papan klip ke helaian gaya anda tanpa menyentuh papan kekunci.
Aliran praktikal:
- Muatkan imej.
- Tetapkan kiraan untuk memadankan kerja — rendah untuk palet jenama, lebih tinggi untuk menangkap aksen.
- Klik setiap swatch yang anda mahu; tampalkannya di tempat ia menuju.
- Tidak cukup julat? Sesuaikan kiraan dan ambil yang tambahan.
Membaca hasil dengan mata pereka
Beberapa perkara berbaloi diketahui supaya palet mendarat dengan baik:
- Warna dominan tidak selalu yang berguna. Foto produk pada latar belakang putih akan melaporkan banyak putih atau hampir-putih. Itu tepat, tetapi warna yang anda sebenarnya ambil berat ialah produk — naikkan kiraan untuk menariknya keluar, atau pangkas ke subjek dahulu.
- Foto ada lebih banyak warna daripada yang ia kelihatan. Kulit, bayang, dan pantulan menambah nada yang anda tidak sedar secara sedar. Kiraan lebih tinggi mendedahkannya; kiraan lebih rendah menyembunyikannya di sebalik purata.
- Hex mudah alih. Setiap kod yang anda salin berfungsi terus dalam CSS, Figma, Photoshop, Canva, atau dokumen jenama. Tiada penukaran diperlukan.
Mengapa ia kekal dalam pelayar anda
Keseluruhan pengekstrakan berjalan secara setempat — imej dibaca dan dianalisis dalam pelayar anda dengan Canvas, dan ia tidak pernah dimuat naik ke pelayan. Itu penting apabila "imej" ialah mokap belum dikeluarkan, aset jenama peribadi pelanggan, atau tangkapan skrin dalaman yang anda tidak sepatutnya siarkan ke alat web rawak. Ia percuma, tidak perlukan pendaftaran, dan selepas lawatan pertama anda ia berfungsi luar talian.
Ambil warna, klik untuk menyalin, tampalkannya di tempat ia tergolong.