Cara mendapatkan palet warna dari gambar

Langkah-langkah

1. Buka Pembuat palet warna lalu letakkan sebuah gambar.
2. Warna utama muncul seketika. Gunakan penggeser untuk meminta lebih sedikit atau lebih banyak, dari 2 sampai 12.
3. Klik sebuah sampel untuk menyalin kode HEX-nya.
4. Atau salin seluruh palet sebagai daftar atau sebagai variabel CSS.

Bagaimana warna dipilih

Piksel yang mirip dikelompokkan dan setiap kelompok dirata-ratakan menjadi satu warna, sehingga warna yang memenuhi sebagian besar gambar muncul paling awal. Persentase pada sampel menunjukkan seberapa luas gambar yang ditutupi kelompok itu.

Piksel yang sepenuhnya atau sebagian besar tembus pandang diabaikan, jadi logo di atas latar transparan memberi warna logo, bukan warna gelap yang kosong.

Memakai palet

Salin sebagai variabel CSS menghasilkan custom property seperti --colour-1 yang bisa langsung Anda tempel ke stylesheet. Daftar biasa praktis untuk catatan atau alat desain.

Jika gambar punya lebih sedikit warna berbeda daripada yang Anda minta, Anda hanya mendapat warna yang ada. Logo tiga warna memberi tiga sampel, bukan dua belas. Untuk satu warna yang tepat, gunakan pemilih warna.

Tips

Gunakan gambar dengan suasana yang Anda inginkan. Palet hanya sebagus gambar asalnya, dan foto matahari terbenam memberi warna yang sangat berbeda dari foto produk.

Ambil dua atau tiga warna dari palet, bukan semuanya. Kebanyakan desain paling baik dengan satu warna utama, satu aksen, dan satu netral, dan persentasenya menunjukkan warna mana yang paling layak dipilih.