Bagaimana membuat warna tampak sama di latar belakang yang berbeda?


17

Latar belakang persepsi warna:

Karena sifat mata manusia dan pemrosesan visual oleh otak, ada ilusi optik bahwa warna yang sama akan terlihat berbeda tergantung pada latar belakang .

Ini dikenal sebagai efek kontras , diilustrasikan di bawah ini - persegi panjang pusat adalah identik:

masukkan deskripsi gambar di siniSumber: Wikimedia

Sebuah ilustrasi (dan laporan) oleh NASA membuat efek warna latar belakang semakin jelas:

masukkan deskripsi gambar di sini

masukkan deskripsi gambar di siniSumber: Laboratorium Penelitian Penggunaan Warna NASA

(Perhatikan bagaimana dua warna paling atas pada gambar kedua tampak sama, tetapi sebenarnya sangat berbeda.)


Bagaimana dengan desain web?

Pertanyaan saya berkaitan dengan desain web, khususnya dalam hal ini, warna teks tautan pada latar belakang yang berbeda.

Untuk warna teks tertentu, bagaimana orang bisa menemukan warna komplementer untuk membuatnya tampak sama pada latar belakang tertentu?


Mari kita lihat contoh untuk pertanyaan ini:

Perhatikan contoh saya di bawah ini, dengan teks kuning #FFF000pada latar belakang berikut:

  • putih #FFFFFF,
  • hitam #000000,
  • dan abu-abu #555555.


Bandingkan warna pada latar belakang berbeda untuk teks desain web


Seperti yang diharapkan, tidak terlihat sama sekali. ( Lihat dan unduh file .PSD di sini. )

Bagaimana kita bisa membuatnya terlihat sama pada ketiganya? Jelas, teks pada latar belakang putih harus berwarna kuning gelap, dan teks pada abu-abu membutuhkan penyesuaian rona / nada. (Teks di sekitarnya juga akan mempengaruhinya - tapi itu sepertinya lebih sulit untuk diperhitungkan.)

Bisakah warna sempurna ini entah bagaimana dihitung, berdasarkan Hex, RGB atau sistem lain? Di situlah letak inti dari pertanyaan ini, karena akan jauh lebih efisien daripada perkiraan secara manual.


Anda harus menggunakan kuning. Perhatikan dalam contoh Anda, mereka menggunakan warna yang mirip dengan yang mereka coba buat terlihat berbeda.
Hanna

2
@ Johnannes, apa maksudmu?
Baumr

Dalam contoh pertama Anda, warna yang digunakan semuanya bernuansa abu-abu. Dalam contoh kedua Anda, ungu Anda dibuat agar terlihat lebih biru melalui penggunaan ungu yang sangat cerah. Kemudian, dalam contoh kuning Anda, Anda menyeruput kuning putih, abu-abu, dan hitam. Jadi yang saya katakan adalah Anda harus menggunakan kuning untuk membuat kuning Anda terlihat sama di latar belakang yang berbeda.
Hanna

Saya mengalami kesulitan menjelaskan ini, saya minta maaf.
Hanna

Jawaban:


10

Sepertinya Anda mencari analog warna pelengkap , tetapi dalam ruang yang terang alih-alih rona . Sejauh yang saya tahu, tidak ada pemetaan umum yang bisa ada.

Misalkan Anda dapat mengkompensasi efek dengan mengasumsikan korelasi linear antara latar belakang dan latar depan, sehingga saat latar belakang menggelapkan teks latar depan menerangi dengan jumlah yang sama. Saya berasumsi bahwa rona tetap diperbaiki. Akan selalu ada titik tengah di mana latar belakang dan latar depan memiliki warna yang sama.

Sebagai contoh, pertimbangkan hitam putih. Cahaya kebalikan untuk warna yang sama adalah putih di atas hitam, tetapi jika Anda mencoba menemukan latar depan untuk setiap latar belakang antara warna yang sama, di titik tengah Anda menekan abu-abu dan tidak dapat melihat apa-apa sama sekali.

Untuk banyak alasan yang sama, saya tidak dapat melihat bahwa pemetaan yang cukup sederhana - bahkan yang merugi - dapat ada.


1
Untuk mengatasi ini, saya pikir kita perlu membangun model mata manusia (rata-rata), dan menemukan yang paling cocok menggunakan algoritma genetika
Baumr

1
@Baumr: Bisa jadi tesis PhD yang bagus :)
Lightness Races dengan Monica

0

Bagaimana dengan ini: gunakan abu-abu yang berbeda di bawah latar belakang yang berbeda, dicat putih dan hitam, sehingga yang pertama tampak sama, tetapi tidak ketika mereka menentang yang netral.

Beri tahu saya jika kedua set tambalan ini terlihat sama di atas baris hitam dan putih:

masukkan deskripsi gambar di sini

Karena seperti apa tambalan-tambalan ini di atas abu-abu netral digambarkan dalam gambar ini:

masukkan deskripsi gambar di sini

Saya menggunakan mode blending layer GIMP yang disebut Grain Extract / Merge, yang memungkinkan saya menemukan abu-abu paling terang dengan mengekstraksi tambalan netral dari yang lain, dan kemudian yang paling gelap dengan menggabungkan keduanya. Dengan kata lain: Saya menemukan dua abu-abu yang rata-rata aditif-nya netral.

Dengan warna dengan latar belakang hitam atau putih, Anda dapat menggunakan Grain Merge untuk menemukan warna rata-rata aditif, dan dengan Grain Extract, pelengkap yang terakhir.

EDIT: lihat ini. Anda mungkin menemukan kuning ini terlihat sama.

masukkan deskripsi gambar di sini

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.