Teknologi PeriklananKonten Pemasaranmarketing ToolsPelatihan Penjualan dan Pemasaran

Mengapa Mata Kita Membutuhkan Skema Palet Warna Pelengkap… Dan Di Mana Anda Dapat Membuatnya

Tahukah Anda bahwa sebenarnya ada ilmu biologi di balik bagaimana dua warna atau lebih saling melengkapi? Saya bukan dokter mata atau dokter mata, tapi saya akan mencoba menerjemahkan sains di sini untuk orang sederhana seperti saya. Mari kita mulai dengan warna secara umum.

Warna Adalah Frekuensi

Sebuah apel berwarna merah… bukan? Yah, tidak juga. Frekuensi bagaimana cahaya dipantulkan dan dibiaskan dari permukaan apel membuatnya dapat dideteksi, diubah oleh mata kita sebagai sinyal, dan dikirim ke otak kita di mana kita mengidentifikasinya sebagai "merah". Ugh… itu membuat kepalaku sakit hanya memikirkannya. Memang benar… warnanya hanyalah frekuensi cahaya. Berikut tampilan spektrum elektromagnetik dan frekuensi masing-masing warna:

Warna dan Spektrum Elektromagnetik

Inilah tepatnya mengapa cahaya putih yang diarahkan ke prisma menghasilkan pelangi. Apa yang sebenarnya terjadi adalah kristal mengubah frekuensi panjang gelombang saat cahaya dibiaskan:

Prisma
Prisma kristal menyebarkan cahaya putih menjadi banyak warna.

Mata Anda Adalah Detektor Frekuensi

Mata Anda hanyalah detektor frekuensi untuk rentang frekuensi warna pada spektrum elektromagnetik. Kemampuan Anda untuk mendeteksi warna terjadi melalui berbagai jenis kerucut di dinding mata Anda yang kemudian dihubungkan ke saraf optik Anda. Setiap rentang frekuensi dideteksi oleh beberapa kerucut ini, kemudian diterjemahkan menjadi sinyal ke saraf optik Anda, dikirim ke otak Anda, di mana ia diidentifikasi.

Pernahkah Anda memperhatikan bahwa Anda dapat menatap lama pada sesuatu yang sangat kontras, memalingkan muka, dan terus melihat bayangan yang tidak sesuai dengan warna asli yang Anda lihat? Katakanlah itu adalah kotak biru di dinding putih:

Setelah beberapa saat, sel-sel di mata Anda yang memproses cahaya biru akan menjadi lelah, membuat sinyal yang mereka kirimkan ke otak Anda sedikit lebih lemah. Karena bagian spektrum visual itu sedikit ditekan, saat Anda melihat dinding putih setelah menatap kotak biru, Anda akan melihat bayangan jingga samar. Apa yang Anda lihat adalah spektrum cahaya putih dari dinding, dikurangi sedikit biru, yang diproses otak Anda sebagai oranye.

Teori Warna 101: Membuat Warna Pelengkap Bekerja untuk Anda

Jika kelelahan itu tidak terjadi, mata dan otak kita tidak perlu bekerja keras untuk menafsirkan berbagai panjang gelombang (misalnya warna) yang mereka lihat.

Kebisingan Visual Versus Harmoni

Mari kita lakukan analogi suara versus warna. Jika Anda mendengarkan frekuensi dan volume yang berbeda yang tidak saling melengkapi, Anda akan menganggapnya sebagai kebisingan. Ini tidak berbeda dengan warna, di mana kecerahan, kontras, dan warna yang terdeteksi dapat visual berisik atau saling melengkapi. Dalam media visual apa pun, kami ingin bekerja menuju harmoni.

Itu sebabnya Anda tidak melihat tambahan di latar belakang film yang mengenakan kemeja merah cerah. Dan itulah mengapa dekorator interior bekerja keras untuk menemukan warna pelengkap di seluruh dinding, furnitur, seni, dan fitur lain dari ruangan yang mereka rancang. Warna sangat penting dalam menciptakan suasana hati yang didapat pengunjung saat mereka masuk ke dalamnya berdasarkan betapa mudahnya otak mereka menafsirkan warna.

Anda Palet warna setara dengan merakit band dalam harmoni yang indah. Dan seperti suara dan instrumen yang dirangkai sangat selaras dalam volume dan frekuensi… begitu pula warna pelengkap palet warna Anda. Desain palet warna benar-benar merupakan bentuk seni bagi para profesional yang telah menyempurnakan deteksi warna mereka, tetapi ini juga merupakan ilmu komputasi karena frekuensi pelengkap dapat dihitung.

Lebih lanjut tentang harmoni segera… mari kembali ke teori warna.

Warna RGB

Piksel dalam spektrum digital adalah kombinasi merah, hijau, dan biru. Merah = 0, hijau = 0, dan biru = 0 ditampilkan sebagai putih dan merah = 255, hijau = 255, dan biru = 255 terlihat sebagai hitam. Segala sesuatu di antaranya adalah warna berbeda yang terdiri dari ketiganya. Dasar-dasar komputasi warna pelengkap cukup sederhana… kurangi saja nilai RGB dari 255 untuk Nilai RGB yang baru. Berikut contohnya:

Perbedaan frekuensi cahaya antara jingga dan biru ini cukup jauh sehingga kontras, namun tidak terlalu jauh sehingga mata kita sulit untuk mengartikannya. Frekuensi warna saling melengkapi dan menyenangkan reseptor kita!

Menghitung satu warna itu mudah… menghitung 3 atau lebih warna pelengkap mengharuskan Anda menghitung jumlah yang setara di antara masing-masing opsi. Karena itulah generator skema palet warna sangat berguna! Dengan sedikit komputasi yang diperlukan, alat ini dapat memberi Anda beberapa warna yang saling melengkapi.

The Color Wheel

Memahami hubungan antara warna paling baik divisualisasikan menggunakan roda warna. Warna-warna disusun dalam lingkaran bukan berdasarkan frekuensi relatifnya. Jarak radial adalah saturasi warna dan posisi azimut pada lingkaran adalah rona warna.

The Color Wheel

Fun fakta: Sir Isaac Newton pertama kali mengembangkan Roda Warna pada tahun 1665, sebagai dasar eksperimennya dengan prisma. Eksperimennya mengarah pada teori bahwa merah, kuning dan biru adalah warna utama dari mana semua warna lain berasal. Side note… dia bahkan menerapkan “not” musik pada setiap warna.

Bekali aku dengan Harmoni…

lingkaran warna newton

Jenis Harmoni Warna

Hubungan antara dan bagaimana setiap set warna komplementer dihitung dikenal sebagai harmoni. Berikut adalah video ikhtisar yang bagus:

Karakteristik berbeda dikaitkan dengan setiap jenis:

  • Sejalan - kelompok warna yang bersebelahan pada roda warna. 
  • Monokromatik – kelompok yang berasal dari satu rona dasar dan diperluas menggunakan corak, nada, dan ronanya.
  • Tiga serangkai – kelompok warna yang ditempatkan secara merata di sekitar warna roda
  • Komplementer – kelompok warna yang saling berseberangan pada roda warna.
  • Pelengkap Terpisah – variasi komplementer yang menggunakan dua warna yang berdekatan dengan komplemen.
  • Persegi Panjang (Tetradik) – menggunakan empat warna yang disusun menjadi dua pasangan yang saling melengkapi
  • Persegi - Mirip dengan persegi panjang, tetapi dengan keempat warna yang ditempatkan secara merata di sekitar lingkaran warna
  • Senyawa – warna dan dua warna yang berdekatan dengan warna komplementernya
  • Shades – penyesuaian rona (peningkatan kecerahan), atau bayangan (gelap) untuk warna primer.

Ini bukan tema subyektif, ini adalah perhitungan matematis yang sebenarnya dengan nama-nama bagus yang diterapkan yang membantu kita lebih memahami perhitungannya.

Generator Skema Palet Warna

Dengan menggunakan generator skema palet warna, Anda bisa mendapatkan kombinasi warna komplementer yang indah seperti ini:

Saya sering menggunakan generator skema palet warna saat saya bekerja di situs klien. Karena saya bukan ahli warna, alat ini membantu saya memilih hal-hal seperti latar belakang, batas, latar belakang footer, warna tombol primer dan sekunder dengan lebih baik. Hasilnya adalah situs web yang jauh lebih enak dipandang! Ini adalah strategi yang halus dan sangat kuat untuk diterapkan pada desain apa pun milik Anda - mulai dari iklan hingga seluruh situs web.

Berikut adalah beberapa generator skema palet warna online:

  • Adobe - alat luar biasa dengan hingga 5 warna tempat Anda dapat menguji berbagai jenis, membuat penyesuaian, dan bahkan menyimpan tema Anda di produk Adobe apa pun.
  • MerekWarna - Koleksi terbesar kode warna merek resmi.
  • Canva – unggah foto dan mereka akan menggunakannya sebagai dasar untuk palet Anda!
  • Kolor – menghasilkan palet warna web yang konsisten hanya dengan beberapa klik. 
  • Desainer Warna - Cukup pilih warna atau gunakan warna yang telah dipilih sebelumnya dan aplikasi akan melakukan sisanya. 
  • Perburuan Warna – platform gratis dan terbuka untuk inspirasi warna dengan ribuan palet warna pilihan yang trendi
  • Kuler warna - buat palet warna untuk Instagram agar lebih estetis.
  • Colormind – generator skema warna yang menggunakan pembelajaran mendalam. Itu dapat mempelajari gaya warna dari foto, film, dan seni populer.
  • ruang warna – cukup masukkan satu hingga tiga warna dan buat beberapa skema!
  • Kode warna - Pengalaman layar lebar yang sangat keren untuk membuat palet warna Anda dengan sejumlah gaya harmoni di sebelah kiri.
  • COLOURlovers - komunitas kreatif tempat orang-orang dari seluruh dunia membuat dan berbagi warna, palet, dan pola, mendiskusikan tren terbaru, dan menjelajahi artikel yang penuh warna.
  • pendingin – buat palet yang sempurna atau dapatkan inspirasi dari ribuan skema warna yang indah.
  • Pemilih Warna Data - Gunakan pemilih palet untuk membuat rangkaian warna jarak visual yang sama
  • Kroma - menggunakan AI untuk mempelajari warna yang Anda suka dan membuat palet untuk Anda temukan, cari, dan simpan.
  • Material Desain - buat, bagikan, dan terapkan skema warna untuk UI Anda. Itu bahkan datang dengan ekspor untuk aplikasi Anda!
  • Warna Muzli – tambahkan nama atau kode warna, dan hasilkan palet yang indah.
  • Paletton - pilih warna dasar dan dapatkan inspirasi.

Warna dan Aksesibilitas

Harap diingat saat Anda memutuskan untuk merancang skema palet berikutnya bahwa ada banyak orang dengan gangguan penglihatan dan kekurangan warna yang perlu berinteraksi dengan pengalaman Anda.

  • Kontras – Setiap warna independen memiliki pencahayaan. Warna overlay dan objek yang berdekatan harus memiliki rasio pencahayaan relatif 4.5:1 agar orang dengan gangguan penglihatan dapat membedakannya. Saya tidak akan kesulitan untuk mencoba menghitung rasio sendiri, Anda dapat menguji rasio dua warna Anda dengan Rasio Kontras, atau Aman Warna.
  • Ikonografi - Menyoroti bidang berwarna merah tidak membantu seseorang yang memiliki kekurangan warna. Pastikan untuk menerapkan beberapa jenis pesan atau ikon untuk memberi tahu mereka bahwa ada masalah juga.
  • Fokus – Banyak orang menavigasi dengan keyboard atau pembaca layar. Pastikan antarmuka pengguna Anda dirancang dengan benar dengan semua pemberian tag aksesibilitas agar mereka dapat memanfaatkan situs Anda. Untuk orang dengan gangguan penglihatan, penggunaan ruang putih dan kemampuan untuk menambah atau mengurangi ukuran font yang tidak merusak tata letak sangatlah penting.

Apakah Anda seorang ahli mata? Pakar warna? Pakar aksesibilitas? Jangan ragu untuk memberi saya panduan apa pun untuk meningkatkan artikel ini!

Pengungkapan: Saya menggunakan tautan afiliasi di artikel ini.

Douglas Karr

Douglas Karr adalah CMO dari Buka WAWASAN dan pendiri dari Martech Zone. Douglas telah membantu lusinan startup MarTech yang sukses, membantu uji tuntas lebih dari $5 miliar dalam akuisisi dan investasi Martech, dan terus membantu perusahaan dalam menerapkan dan mengotomatiskan strategi penjualan dan pemasaran mereka. Douglas adalah pakar dan pembicara transformasi digital dan MarTech yang diakui secara internasional. Douglas juga merupakan penulis panduan Dummie dan buku kepemimpinan bisnis.

Artikel terkait

Kembali ke atas tombol
Penyelesaian

Adblock Terdeteksi

Martech Zone dapat memberi Anda konten ini tanpa biaya karena kami memonetisasi situs kami melalui pendapatan iklan, tautan afiliasi, dan sponsor. Kami akan sangat menghargai jika Anda menghapus pemblokir iklan saat Anda melihat situs kami.