Ekstraksi palet contoh terlebih dahulu, lalu gunakan pemilihan presisi dan pengeditan manual untuk memutuskan warna mana yang termasuk dalam proyek Anda sendiri. Buka Pemilih Warna Gambar.
Unggah dan ekstrak palet awal
Buka Pemilih Warna Gambar dan unggah satu gambar yang didukung, atau coba sampelnya. Ekstraksi otomatis mengunggah sumber ke server. Sampel dalam panduan ini adalah collage-botanical.jpg, foto 1200 x 900 bunga, daun, dan latar belakang berwarna persik.
Biarkan Warna untuk diekstrak pada 6 dan pilih Dominan untuk contoh ini. Dominan lebih menyukai warna gambar utama, sementara Cerah memberikan pengaruh lebih pada aksen warna-warni. Permintaan dapat menggunakan 3 hingga 12 warna; gambar dengan kelompok warna yang lebih sedikit mungkin menghasilkan lebih sedikit warna.
Hasil Dominan sebenarnya berisi #E3B49F, #A5927F, #F3C2AC, #FBCEBA, #746E4F, #C297CA. Kelompok terbesar adalah #E3B49F pada sekitar 28.88% dari piksel terlihat yang diambil sampelnya. Ekstraksi menggunakan sampel 512 x 384; persentase tersebut bukan sensus tepat dari gambar beresolusi penuh.
Warna palet bisa berupa rata-rata dari warna di sekitarnya. Pilih piksel tertentu saat Anda memerlukan nilai dari satu detail kecil.
Pilih dan sempurnakan warna individu
Klik atau ketuk gambar untuk memeriksa piksel dengan kaca pembesar. Fokuskan gambar dan gunakan tombol panah untuk memindahkan satu piksel, Shift ditambah panah untuk memindahkan sepuluh, lalu Enter untuk memilih. Salin HEX, RGB, atau HSL dengan tombol salin individunya, atau gunakan Tambahkan ke palet.
Pilih swatch untuk mengubah nilai atau warna HEX-nya, geser ke kiri atau kanan, atau hapus. Tambah warna kustom menerima nilai HEX pilihan Anda. Kunci warna mempertahankan swatch yang dipilih saat Segarkan palet atau pengaturan ekstraksi yang diubah menghasilkan palet awal yang baru.
Pengambilan sampel & transparansi menawarkan Warna sumber dan Komposit di atas latar belakang. Warna sumber menyertakan opasitas dalam kode yang disalin jika relevan; Komposit menampilkan piksel yang dibaurkan di atas latar belakang Sampel yang dipilih. Swatch palet itu sendiri adalah nilai RGB yang tidak tembus pandang. Warna yang diedit dan dipilih tidak memiliki persentase sumber estimasi.
Gambar yang dapat didekodekan peramban menggunakan sampel sRGB peramban. Jika pratinjau yang dinormalisasi digunakan, pemilih secara eksplisit melabeli warna dan koordinatnya sebagai perkiraan.
Contoh dalam panduan ini
Warna untuk diekstraksi: 6; Dominan; tanpa perubahan atau kunci manual; Simpan sebagai: PNG. Ekstraksi otomatis mengambil sampel 512 x 384 piksel.
- Gambar sumber
- 1200 x 900 px
- Warna yang diekstraksi
- 6 warna tidak tembus pandang
- Kartu palet
- 600 x 500 px
- PNG diunduh
- 9,163 byte
Periksa pasangan teks dan latar belakang
Buka Periksa kontras warna. Atur Teks dan Latar belakang dengan kontrol warna, masukkan kode HEX, atau gunakan warna yang dipilih untuk kedua sisi. Sampel teks langsung memungkinkan Anda membandingkan pasangan tersebut, dan rasio disertai dengan hasil Normal AA, Normal AAA, Large AA, dan Large AAA yang terpisah.
Pilih pasangan untuk tujuan yang dimaksudkan alih-alih berasumsi bahwa setiap warna yang diekstraksi dapat digunakan sebagai teks. Warna persik muda dan ungu muda dapat bekerja bersama dalam foto namun menjadi kombinasi teks-dan-latar belakang yang buruk.
Kontrol ini hanya memeriksa pasangan warna tersebut untuk kontras teks. Ini bukan audit aksesibilitas lengkap dan tidak menentukan apakah tipografi, interaksi papan ketik, atau bagian desain lainnya dapat digunakan.
Rasio kontras yang lolos adalah pemeriksaan yang berguna, bukan jaminan bahwa seluruh halaman dapat diakses.
Salin nilai atau ekspor palet
Untuk serah terima cepat, salin kode individual atau gunakan Salin warna palet HEX. Untuk file, pilih Simpan sebagai dan pilih Mulai. PNG membuat gambar palet berlabel; SVG menyimpan swatch dan label sebagai konten vektor; CSS menyediakan variabel warna bernomor; JSON berisi nilai HEX, RGB, dan HSL.
Contoh enam warna yang belum diedit mengekspor palette.png pada 600 x 500 piksel dan 9,163 byte. Urutan swatch-nya cocok dengan palet. Palet akhir Anda mungkin berisi 1 hingga 12 warna setelah diedit, meskipun jumlah awal otomatisnya berbeda.
Unduh sebelum keluar atau menyegarkan. Ekspor akhir mengunggah sumber dan warna yang dipilih untuk pemrosesan server. Ini membuat file palet baru dan tidak mewarnai ulang atau mengganti foto asli.
PNG dan SVG adalah referensi visual yang nyaman. CSS dan JSON berguna saat langkah berikutnya memerlukan nilai warna yang dapat digunakan kembali.
Pertanyaan umum
Apakah pipet mengembalikan warna yang sama dengan ekstraksi otomatis?
Belum tentu. Nilai yang dipilih menjelaskan sumber atau piksel pratinjau tertentu. Ekstraksi otomatis mengelompokkan piksel yang diambil sampelnya dan dapat mengembalikan warna rata-rata.
Apakah piksel transparan dihitung?
Piksel yang sepenuhnya transparan dikecualikan dari ekstraksi. Piksel yang sebagian transparan memiliki bobot yang dikurangi. Pengambilan sampel sumber dapat menunjukkan opasitas, tetapi swatch palet yang diekspor tidak tembus pandang.
Apa yang terjadi pada warna yang dikunci saat saya menyegarkan?
Warna yang dikunci tetap berada di palet sementara warna yang baru diekstraksi mengisi posisi lainnya. Warna yang dipertahankan atau diedit tidak diberi persentase gambar buatan.
Bisakah saya menggunakan ini untuk warna merek yang tepat?
Masukkan nilai HEX yang diketahui secara langsung atau pilih piksel sumber yang sesuai. Pencahayaan foto, kompresi, manajemen warna, dan pratinjau yang dinormalisasi dapat mengubah nilai yang diambil sampelnya, jadi palet foto otomatis bukan bukti spesifikasi merek asli.
Bangun palet yang dapat Anda bawa ke desain Anda berikutnya
Coba sampel atau gunakan file Anda sendiri, dan tinjau hasilnya sebelum dibagikan.
