Ekstrak palet contoh dahulu, kemudian gunakan pemilihan tepat dan suntingan manual untuk menentukan warna yang sesuai untuk projek anda sendiri. Buka Pemilih Warna Imej.
Muat naik dan ekstrak palet permulaan
Buka Pemilih Warna Imej dan muat naik satu imej yang disokong, atau cuba sampel. Pengekstrakan automatik memuat naik sumber ke pelayan. Sampel dalam panduan ini ialah collage-botanical.jpg, foto 1200 x 900 bunga, daun dan latar belakang berwarna pic.
Biarkan Warna untuk diekstrak pada 6 dan pilih Dominan untuk contoh tersebut. Dominan memihak kepada warna imej utama, manakala Bersemangat memberikan lebih pengaruh kepada aksen berwarna-warni. Permintaan boleh menggunakan 3 hingga 12 warna; imej dengan kumpulan kelihatan yang kurang berbeza mungkin mengembalikan lebih sedikit.
Hasil Dominan sebenar mengandungi #E3B49F, #A5927F, #F3C2AC, #FBCEBA, #746E4F, #C297CA. Kumpulan terbesar ialah #E3B49F pada kira-kira 28.88% daripada piksel kelihatan yang disampel. Pengekstrakan menggunakan sampel 512 x 384; peratusan tersebut bukanlah bancian tepat bagi imej resolusi penuh.
Warna palet boleh menjadi purata warna berdekatan. Pilih piksel tertentu apabila anda memerlukan nilai satu perincian kecil.
Pilih dan perhalusi warna individu
Klik atau ketik imej untuk memeriksa piksel dengan pembesar. Fokus imej dan gunakan kekunci anak panah untuk menggerakkan satu piksel, Shift ditambah anak panah untuk menggerakkan sepuluh, kemudian Enter untuk memilih. Salin HEX, RGB atau HSL dengan butang salin individunya, atau gunakan Tambah ke palet.
Pilih swatch untuk menukar nilai HEX atau warnanya, gerakkannya ke kiri atau kanan, atau buang swatch tersebut. Tambah warna tersuai menerima nilai HEX pilihan anda. Kunci warna mengekalkan swatch yang dipilih apabila Segarkan palet atau tetapan pengekstrakan yang diubah menjana palet permulaan yang lain.
Pensampelan & ketelusan menawarkan Warna sumber dan Komposit di atas latar belakang. Warna sumber termasuk kelegapan dalam kod yang disalin apabila berkaitan; Komposit menunjukkan piksel yang diadun di atas latar belakang Sampel yang dipilih. Swatch palet itu sendiri adalah nilai RGB legap. Warna yang diedit dan dipilih tidak mempunyai anggaran peratusan sumber.
Imej yang boleh dinyahkod pelayar menggunakan sampel sRGB pelayar. Jika pratonton ternormal digunakan, pemilih melabelkan warna dan koordinatnya secara eksplisit sebagai anggaran.
Contoh dalam panduan ini
Warna untuk diekstrak: 6; Dominan; tiada perubahan manual atau kunci; Simpan sebagai: PNG. Pengekstrakan automatik mengambil sampel 512 x 384 piksel.
- Imej sumber
- 1200 x 900 px
- Warna yang diekstrak
- 6 warna legap
- Kad palet
- 600 x 500 px
- PNG dimuat turun
- 9,163 bait
Semak pasangan teks dan latar belakang
Buka Semak kontras warna. Tetapkan Teks dan Latar belakang dengan kawalan warna, masukkan kod HEX, atau gunakan warna yang dipilih untuk mana-mana bahagian. Sampel teks langsung membolehkan anda membandingkan pasangan tersebut, dan nisbah disertakan dengan hasil Normal AA, Normal AAA, Besar AA dan Besar AAA yang berasingan.
Pilih pasangan untuk tujuan yang dimaksudkan dan bukannya menganggap setiap warna yang diekstrak boleh digunakan sebagai teks. Warna pic muda dan ungu muda boleh berfungsi bersama dalam foto tetapi menjadi gabungan teks-dan-latar belakang yang lemah.
Kawalan ini hanya menyemak pasangan warna tersebut untuk kontras teks. Ia bukan audit kebolehcapaian yang lengkap dan tidak menentukan sama ada tipografi, interaksi papan kekunci atau reka bentuk yang lain boleh digunakan.
Nisbah kontras yang lulus adalah semakan yang berguna, bukan jaminan bahawa keseluruhan halaman boleh diakses.
Salin nilai atau eksport palet
Untuk penyerahan pantas, salin kod individu atau gunakan Salin warna palet HEX. Untuk fail, pilih Simpan sebagai dan pilih Mula. PNG membuat imej palet berlabel; SVG mengekalkan swatch dan label sebagai kandungan vektor; CSS menyediakan pemboleh ubah warna bernombor; JSON mengandungi nilai HEX, RGB dan HSL.
Contoh enam warna yang tidak diedit mengeksport palette.png pada 600 x 500 piksel dan 9,163 bait. Susunan swatchnya sepadan dengan palet. Palet akhir anda mungkin mengandungi 1 hingga 12 warna selepas diedit, walaupun kiraan permulaan automatik adalah berbeza.
Muat turun sebelum meninggalkan atau menyegarkan halaman. Eksport akhir memuat naik sumber dan warna yang dipilih untuk pemprosesan pelayan. Ia mencipta fail palet baharu dan tidak mewarnakan semula atau menggantikan foto asal.
PNG dan SVG adalah rujukan visual yang mudah. CSS dan JSON berguna apabila langkah seterusnya memerlukan nilai warna yang boleh digunakan semula.
Soalan lazim
Adakah penitis mata mengembalikan warna yang sama seperti pengekstrakan automatik?
Tidak semestinya. Nilai yang dipilih menerangkan piksel sumber atau pratonton tertentu. Pengekstrakan automatik mengumpulkan piksel yang disampel dan boleh mengembalikan warna purata.
Adakah piksel telus dikira?
Piksel yang telus sepenuhnya dikecualikan daripada pengekstrakan. Piksel yang separa telus mempunyai berat yang dikurangkan. Pensampelan sumber boleh menunjukkan kelegapan, tetapi swatch palet yang dieksport adalah legap.
Apakah yang berlaku kepada warna yang dikunci apabila saya menyegarkan halaman?
Warna yang dikunci kekal dalam palet manakala warna yang diekstrak baharu mengisi kedudukan lain. Warna yang dikekalkan atau diedit tidak diberikan peratusan imej yang dibuat-buat.
Bolehkah saya menggunakan ini untuk warna jenama yang tepat?
Masukkan nilai HEX yang diketahui secara terus atau pilih piksel sumber yang sesuai. Pencahayaan foto, pemampatan, pengurusan warna dan pratonton ternormal boleh mengubah nilai yang disampel, jadi palet foto automatik bukan bukti spesifikasi jenama asal.
Bina palet yang boleh anda bawa ke dalam reka bentuk anda yang seterusnya
Cuba sampel atau gunakan fail anda sendiri, dan semak hasil sebelum berkongsi.
