Mengapa Mata Kita Memerlukan Skema Palet Warna Pelengkap ... Dan Di Mana Anda Boleh Membuatnya

Skema Palet Warna Pelengkap

Adakah anda tahu bahawa sebenarnya ada sains biologi di sebalik bagaimana dua atau lebih warna saling melengkapi? Saya bukan pakar oftalmologi atau pakar mata, tetapi saya akan berusaha menerjemahkan sains di sini untuk orang sederhana seperti saya. Mari kita mulakan dengan warna secara umum.

Warna Adalah Kekerapan

Sebiji epal berwarna merah ... bukan? Tidak juga. Kekerapan bagaimana cahaya dipantulkan dan dibiaskan dari permukaan epal menjadikannya dapat dikesan, diubah oleh mata kita sebagai isyarat, dihantar ke otak kita di mana kita mengenalinya sebagai "merah". Ugh ... yang menyakitkan kepala saya hanya memikirkannya. Memang benar walaupun… warna hanyalah frekuensi cahaya. Berikut adalah pandangan spektrum elektromagnetik dan frekuensi setiap warna:

Warna dan Spektrum Elektromagnetik

Inilah sebabnya mengapa cahaya putih yang menunjuk pada prisma menghasilkan pelangi. Apa yang sebenarnya berlaku ialah kristal mengubah frekuensi panjang gelombang ketika cahaya dibiaskan:

Prism
Prisma kristal menyebarkan cahaya putih ke dalam banyak warna.

Mata Anda Adalah Pengesan Frekuensi

Mata anda benar-benar hanya pengesan frekuensi untuk julat frekuensi warna pada spektrum elektromagnetik. Keupayaan anda untuk mengesan warna berlaku melalui pelbagai jenis kerucut di dinding mata anda yang kemudian disambungkan ke saraf optik anda. Setiap julat frekuensi dikesan oleh beberapa kerucut ini, kemudian diterjemahkan menjadi isyarat ke saraf optik anda, dihantar ke otak anda, di mana ia dikenal pasti.

Adakah anda pernah menyedari bahawa anda dapat menatap lama dengan kontras yang sangat tinggi, memandang jauh, dan terus melihat gambar yang tidak sesuai dengan warna asal yang anda lihat? Katakan ia kotak biru di dinding putih:

Selepas beberapa ketika, sel-sel di mata anda yang memproses cahaya biru akan menjadi lelah, menjadikan isyarat yang mereka hantar ke otak anda sedikit lebih lemah. Oleh kerana bahagian spektrum visual itu sedikit tertekan, apabila anda melihat dinding putih setelah menatap dataran biru, anda akan melihat gambar latar oren samar. Yang anda lihat ialah spektrum cahaya putih dari dinding, dikurangi sedikit biru, yang diproses otak anda sebagai oren.

Teori Warna 101: Membuat Warna Pelengkap berfungsi untuk anda

Sekiranya keletihan itu tidak berlaku, mata dan otak kita tidak perlu bekerja keras untuk menafsirkan pelbagai panjang gelombang (mis. Warna) yang mereka lihat.

Bunyi Visual Berbanding Harmoni

Mari buat analogi bunyi berbanding warna. Sekiranya anda mendengar frekuensi dan volume yang berbeza yang tidak saling melengkapi, anda akan menganggapnya sebagai bunyi bising. Ini tidak seperti warna, di mana kecerahan, kontras, dan warna dapat dikesan visual bising atau saling melengkapi. Dalam mana-mana media visual, kami ingin berusaha menuju keharmonian.

Itulah sebabnya anda tidak melihat tambahan di latar filem yang memakai kemeja merah terang. Itulah sebabnya penghias dalaman bekerja keras untuk mencari warna pelengkap di dinding, perabot, seni, dan ciri lain dari bilik yang mereka reka. Warna sangat penting dalam mewujudkan suasana hati pengunjung ketika mereka berjalan berdasarkan betapa mudahnya otak mereka mentafsirkan warna.

palet warna adalah sama dengan memasang band dalam harmoni yang indah. Dan sama seperti suara dan instrumen yang dipasang hampir sama dengan kelantangan dan frekuensi ... begitu juga warna pelengkap warna palet anda. Reka bentuk palet warna benar-benar bentuk seni bagi para profesional yang telah menyesuaikan pengesanan warna mereka, tetapi ia juga merupakan sains komputasi kerana frekuensi percuma dapat dihitung.

Lebih banyak mengenai harmoni tidak lama lagi ... mari kita kembali ke teori warna.

Warna RGB

Piksel dalam spektrum digital adalah gabungan warna merah, hijau, dan biru. Merah = 0, hijau = 0, dan biru = 0 dipaparkan sebagai putih dan merah = 255, hijau = 255, dan biru = 255 dilihat sebagai hitam. Segala-galanya adalah warna berbeza yang terdiri daripada ketiga-tiganya. Asas pengkomputeran warna pelengkap sangat mudah… tolak nilai RGB dari 255 untuk Nilai RGB baru. Inilah contohnya:

Perbezaan frekuensi cahaya antara oren dan biru cukup jauh sehingga ia berbeza, tetapi tidak begitu sukar untuk ditafsirkan oleh mata kita. Frekuensi warna saling melengkapi dan menyenangkan bagi reseptor kami!

Pengkomputeran satu warna adalah mudah… pengkomputeran 3 atau lebih warna pelengkap menghendaki anda mengira jumlah yang setara antara setiap pilihan. Sebab itu penjana skema palet warna datang sangat berguna! Dengan pengiraan yang sangat sedikit, alat ini dapat memberi anda beberapa warna yang saling melengkapi.

Roda Warna

Memahami hubungan antara warna paling baik digambarkan menggunakan roda warna. Warna disusun dalam bulatan berdasarkan frekuensi relatifnya. Jarak radial adalah ketepuan warna dan kedudukan azimuthal pada bulatan sebagai rona warna.

Roda Warna

Fakta menarik: Sir Isaac Newton pertama kali mengembangkan Roda Warna pada tahun 1665, sebagai asas eksperimennya dengan prisma. Eksperimennya membawa kepada teori bahawa merah, kuning dan biru adalah warna utama dari mana semua warna lain berasal. Catatan sampingan ... dia bahkan menggunakan "nota" muzik untuk setiap warna.

Lengkapkan saya dengan Keharmonian…

bulatan warna newton

Jenis Keharmonian Warna

Hubungan antara dan bagaimana setiap set warna percuma dikira dikenali sebagai harmoni. Berikut adalah video gambaran keseluruhan yang hebat:

Ciri-ciri yang berbeza dikaitkan dengan setiap jenis:

  • Analog - kumpulan warna yang bersebelahan pada roda warna. 
  • Monokromatik - kumpulan yang berasal dari warna dasar tunggal dan diperpanjang menggunakan warna, nada, dan warna.
  • Triad - kumpulan warna yang jaraknya sama rata di sekitar warna roda
  • pelengkap - kumpulan warna yang saling bertentangan pada roda warna.
  • Pelengkap Berpisah - variasi pelengkap di mana ia menggunakan dua warna yang berdekatan dengan pelengkap.
  • Segi empat tepat (Tetradic) - menggunakan empat warna yang disusun menjadi dua pasangan pelengkap
  • Square - mirip dengan segi empat tepat, tetapi dengan keempat-empat warna jaraknya sama rata di sekeliling lingkaran warna
  • Kompaun - warna dan dua warna bersebelahan dengan warna pelengkap
  • Shades - penyesuaian warna (peningkatan cahaya), atau warna (kegelapan) untuk warna utama.

Ini bukan tema subjektif, ini adalah pengiraan matematik sebenar dengan nama yang bagus yang dapat membantu kita memahami pengiraan dengan lebih baik.

Penjana Skema Palet Warna

Dengan menggunakan penjana skema palet warna, anda boleh mendapatkan kombinasi warna yang indah dan pelengkap seperti ini:

Saya sering menggunakan penjana skema palet warna semasa saya bekerja di laman web pelanggan. Kerana saya bukan pakar warna, alat ini membantu saya memilih perkara yang lebih baik seperti latar belakang, sempadan, latar kaki, warna butang primer dan sekunder. Hasilnya adalah laman web yang jauh lebih menggembirakan! Ini adalah strategi yang halus dan sangat hebat untuk digunakan pada reka bentuk apa sahaja - dari iklan ke seluruh laman web.

Berikut adalah beberapa penjana skema palet warna yang hebat dalam talian:

  • Adobe - alat yang hebat dengan hingga 5 warna di mana anda dapat menguji pelbagai jenis, membuat penyesuaian, dan bahkan menyimpan tema anda di mana-mana produk Adobe.
  • Warna Jenama - koleksi kod warna jenama rasmi terbesar di sekitar.
  • Canva - muat naik foto dan mereka akan menggunakannya sebagai asas untuk palet anda!
  • Colllor - menghasilkan palet warna web yang konsisten dengan hanya beberapa klik. 
  • Pereka Warna - Cukup pilih warna atau gunakan warna yang telah dipilih dan aplikasi melakukan yang lain. 
  • Pemburuan Warna - platform percuma dan terbuka untuk inspirasi warna dengan beribu-ribu palet warna terpilih yang bergaya
  • Rakan sekerja - menghasilkan palet warna untuk Instagram agar lebih estetik.
  • Colormind - penjana skema warna yang menggunakan pembelajaran mendalam. Ia dapat mempelajari gaya warna dari foto, filem, dan seni yang popular.
  • Ruang warna - masukkan satu hingga tiga warna dan hasilkan beberapa skema!
  • Kod warna - pengalaman luas di skrin yang sangat hebat untuk membuat palet warna anda dengan sebilangan gaya harmoni di sebelah kiri.
  • COLORlovers - komuniti kreatif di mana orang dari seluruh dunia membuat dan berkongsi warna, palet, dan corak, membincangkan trend terkini, dan meneroka artikel berwarna.
  • penyejuk - buat palet yang sempurna atau dapatkan inspirasi dari ribuan skema warna yang indah.
  • Pemilih Warna Data - Gunakan pemilih palet untuk membuat rangkaian warna yang jarak penglihatan
  • khroma - menggunakan AI untuk mengetahui warna yang anda suka dan membuat palet untuk anda temui, cari dan simpan.
  • Bahan Design - buat, bagikan, dan terapkan skema warna untuk UI anda. Malah dilengkapi dengan eksport untuk aplikasi anda!
  • Warna Muzli - tambahkan nama warna atau kod, dan hasilkan palet yang indah.
  • Paletton - pilih warna asas dan diberi inspirasi.
  • Veranda - terinspirasi oleh banyak palet warna yang menakjubkan. 

Warna dan Kebolehcapaian

Perlu diingat semasa anda memutuskan untuk merancang skema palet anda yang seterusnya bahawa terdapat sejumlah besar orang dengan masalah penglihatan dan kekurangan warna yang perlu berinteraksi dengan pengalaman anda.

  • Kontras - Setiap warna bebas mempunyai luminance. Warna lapisan dan objek bersebelahan mesti mempunyai nisbah pencahayaan relatif 4.5: 1 agar orang yang mempunyai masalah penglihatan dapat membezakannya. Saya tidak akan mengalami masalah untuk mengira nisbah anda sendiri, anda boleh menguji nisbah anda dengan dua warna Berwarna, Nisbah kontras, atau Colorsafe.
  • Ikonografi - Menonjolkan medan dengan warna merah tidak membantu seseorang yang mengalami kekurangan warna. Pastikan anda menggunakan beberapa jenis mesej atau ikon untuk memberitahu mereka bahawa ada masalah juga.
  • Memberi tumpuan - Banyak orang menavigasi dengan papan kekunci atau pembaca skrin. Pastikan bahawa antara muka pengguna anda dirancang dengan betul dengan semua penandaan kebolehaksesan untuk mereka memanfaatkan laman web anda. Bagi orang yang cacat penglihatan, penggunaan ruang kosong dan keupayaan untuk menambah atau mengurangkan ukuran fon di mana ia tidak menghancurkan susun atur sangatlah penting.

Adakah anda pakar mata? Pakar warna? Pakar kebolehaksesan? Jangan ragu untuk memberi saya panduan untuk memperbaiki artikel ini!

Pendedahan: Saya menggunakan pautan afiliasi dalam artikel ini.

Apa yang anda fikir?

Laman web ini menggunakan Akismet untuk mengurangkan spam. Ketahui bagaimana data komen anda diproses.