Bagaimana cara memilih warna yang cocok satu sama lain?


9

Melihat warna-warna di logo ini, jelas bahwa warnanya cocok satu sama lain.

Bagaimana cara menemukan oranye dan ungu yang cocok dengan skema warna yang sama?

Saya kira warna 'R' berwarna kuning?

masukkan deskripsi gambar di sini


Posting blog ini ditulis oleh User Interface Designer di DMC Inc menyediakan pdf yang dapat diunduh dengan warna dan nomor kode mereka. Ini juga memberikan saran untuk palet warna yang dapat dibaca. dmcinfo.com/latest-thinking/blog/id/8840/…
Jac B

Jawaban:


11

Cukup gunakan color picker di aplikasi seperti Photoshop. Atur dialog untuk menggunakan opsi H atau Hue dan temukan warna awal. Kemudian untuk mendapatkan warna dengan nilai yang sama, gerakkan bilah geser ke atas dan ke bawah bilah warna. Ini akan menjaga saturasi dan kecerahan tetap sama, dan hanya mengubah nilai Hue. Jangan gerakkan lingkaran di panel warna besar.

masukkan deskripsi gambar di sini

Ada juga tempat lain untuk bermain dengan warna seperti Color Lovers Atau Adobe's Kuler


15

Jangan bingung "cocokkan" dengan "menyelaraskan". Ada perbedaan besar.

Warna-warna ini tidak cocok (tidak sama ). Mereka memang selaras . Untuk memahami perbedaannya, dan jawaban saya (yang saya janji akan saya dapatkan!), Kita harus mengambil sedikit jalan memutar ke warna apa itu .

Salah satu hal yang paling disayangkan dalam mendeskripsikan warna adalah istilah-istilah kunci dengan makna teknis juga digunakan dengan sangat longgar, baik dalam pembicaraan umum maupun dalam dunia desain, sehingga mudah menjadi bingung. Itu membingungkan saya, sekali waktu, jadi jangan merasa seperti Anda sendirian.

Ini dia sketsa, pengantar warna yang sangat singkat, ejaan bahasa Inggris dan semuanya:

Saya akan menggunakan kata warna mulai sekarang dengan makna yang sangat spesifik: sensasi gabungan yang dihasilkan oleh mata oleh cahaya, tercermin dari pigmen tertentu atau langsung dari sumber yang diterangi, dirasakan oleh pengamat . Itu adalah cara bertele-tele untuk mengatakan "apa yang Anda lihat yang Anda sebut 'warna'". Itulah yang kami maksud ketika kami mengatakan "cherry red" atau "apple green" atau pemasok cat Anda mengatakan "itu Booger Green, warna mode terbaru dari Ipsum Studios." Anda akan berpikir kita bisa berhenti di situ, tetapi ini bukan keseluruhan cerita. Seperti yang mereka katakan di Facebook, "Ini rumit."

  • Hue adalah kualitas di mana kita melihat sesuatu sebagai "merah" atau "semacam kuning kehijauan" atau "bagan kembali". Dalam pidato umum, kata "warna" sering diganti dengan "rona," dan sebaliknya, tetapi untuk desainer warna terdiri dari rona dan dua kualitas lainnya: saturasi dan nilai .

  • Saturasi mengacu pada seberapa "murni" atau "intens" rona dalam warna yang diberikan, diproduksi dalam cat dengan menambahkan putih, untuk memberikan "warna," atau hitam, untuk memberikan "nuansa" atau "nada". Saat Anda mengurangi saturasi merah dengan menambahkan putih, Anda menjadi merah muda. Menambahkan hitam menjadi merah membuat Anda menjadi merah anggur.

  • Nilai adalah cahaya relatif atau kegelapan warna, tidak tergantung pada rona dan dianggap terpisah dari saturasi. Biru muda atau biru tua masih biru . Untuk sebagian besar tujuan dalam pekerjaan desain, Brightness adalah sinonim untuk Nilai.

Ada cara lain untuk mendeskripsikan warna secara teknis, tetapi yang saya berikan di sini adalah yang paling sering Anda temui di bidang desain grafis, dan dibangun ke dalam Photoshop, Illustrator, dan InDesign sehingga mudah untuk mendapatkan tangan -Pengalaman dengan itu.

Mari kita ambil contoh spesifik. Buka pemilih warna Photoshop dan di bidang H (rona) masukkan 56. Seret lingkaran warna kecil ke kanan atas panel:

Kuning murni

Sebut ini "Pure Yellow" atau "Buttercup" atau apa pun yang Anda suka. Ini adalah kuning yang sepenuhnya jenuh (tidak bisa lebih intens) dan seterang mungkin. Perhatikan bahwa bidang S (saturasi) dan B (kecerahan) keduanya mengatakan "100%."

Klik OK, lalu buka pemilih warna lagi. Ubah bidang S menjadi 50%. The hue tidak berubah, dan itu masih seterang itu bisa mendapatkan; hanya Saturasi yang berubah. Buttercup kami sekarang apa? - Primrose, mungkin. Dapatkan S 100% lagi, dan sekarang masukkan 50 ke dalam bidang B. Sekarang kita punya cokelat. Kami memiliki warna yang berbeda , tetapi rona masih belum berubah dan intensitas atau saturasi tidak dapat ditingkatkan. Main-main dengan ini sebentar. Biasakan hal itu, karena itu penting untuk memahami harmoni warna.

Anda bertanya tentang mengapa warna-warna ini tampak bersatu, selaras.

Harmoni warna adalah subjek tersendiri, sesuatu yang harus Anda pahami sebagai desainer. (Ini mungkin lebih baik disebut rona harmoni, karena ini lebih tentang rona daripada tentang warna.) Dalam hal ini ada dua pasang rona pelengkap , yang disebut karena mereka cocok di sisi yang berlawanan dari roda warna . Contoh khusus ini dikenal sebagai harmoni tetradik atau "kuadrat", karena empat rona yang dipilih ditempatkan secara merata di atas roda, menghasilkan "harmoni ganda."

Jika Anda menggunakan eyedropper Photoshop pada warna-warna ini, Anda akan melihat bahwa tidak ada satupun yang jenuh penuh. Desaturasi warna dapat membantu warna yang biasanya berbenturan (terlalu kontras untuk kenyamanan) untuk hidup berdampingan secara lebih damai. Dalam hal ini, menggunakan warna dengan saturasi dan nilai yang hampir sama juga membantu mereka untuk diselaraskan. Jika Anda desaturate gambar sepenuhnya - Ctl / Cmd-Shift-U, Anda akan melihat apa yang saya maksud.

Epilog:

Ini sudah agak lama, tetapi saya tidak akan merasa telah memberi Anda jawaban tanpa mencakup semua latar belakang yang diperlukan. Saya harap Anda tidak terlalu bosan.

Saya sarankan Anda berlangganan majalah " Sebelum dan Sesudah " karya John McWade , tetapi bagaimanapun juga segera unduh roda warna PDF-nya untuk digunakan dalam pekerjaan Anda.

Setelah Anda memiliki pemahaman dasar tentang cara roda warna bekerja, dan rasa teori warna dasar, Anda akan menemukan sumber daya seperti Kuler jauh lebih berguna.


Jawaban yang brilian, Alan. Juga, Anda harus tahu bahwa Ipsum Studios merilis enam varian Booger baru yang menarik untuk 2012, termasuk Crunchy Yellow, Nasal Dairy Spray, dan I'm Clearly Stuck On You (glasir tipis tembus pandang).
Lauren-Clear-Monica-Ipsum

1
Wow! Saya tidak sabar menunggu. Diam, detak jantungku! :-D
Alan Gilbertson
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.