Bir rengin farklı arka planlarda aynı görünmesi nasıl sağlanır?


17

Renk algısının arka planı:

İnsan gözünün doğası ve beynin görsel işlemesi nedeniyle , aynı rengin arka plana bağlı olarak farklı görüneceği optik bir yanılsama vardır .

Aşağıda gösterilen kontrast etkisi olarak bilinir - orta dikdörtgenler aynıdır:

resim açıklamasını buraya girinKaynak: Wikimedia

NASA'nın bir çizimi (ve raporu) , arka plan renginin etkisini daha da belirgin hale getirir:

resim açıklamasını buraya girin

resim açıklamasını buraya girinKaynak: NASA Renk Kullanımı Araştırma Laboratuvarı

(İkinci görüntüdeki en üstteki iki rengin nasıl aynı göründüğünü, ancak aslında tamamen farklı olduğunu unutmayın.)


Web tasarımı ne olacak?

Benim sorum web tasarımı, özellikle bu durumda, farklı arka planlar üzerinde bağlantı metninin rengi ile ilgilidir.

Belirli bir metin rengi için, belirli bir arka planda aynı görünmesi için tamamlayıcı rengi nasıl bulabilir?


Bu soru için bir örneğe bakalım:

Aşağıdaki örneğimi #FFF000, aşağıdaki arka planlarda sarı metinle birlikte düşünün :

  • beyaz #FFFFFF,
  • siyah #000000,
  • ve gri #555555.


Web tasarımı metni için farklı arka planlardaki renkleri karşılaştırın


Beklendiği gibi, hiç aynı görünmüyor. ( .PSD dosyasını buradan görüntüleyin ve indirin. )

Her üçünde de aynı görünmesini nasıl sağlayabiliriz? Açıkça, beyaz arka plandaki metnin daha koyu sarı olması ve gri renkteki metnin ton / ton ayarlarına ihtiyacı vardır. (Çevreleyen metin de bunu etkiler - ancak bunun hesaplanması daha zordur.)

Bu mükemmel renk bir şekilde Hex, RGB veya başka bir sisteme göre hesaplanabilir mi? Manuel olarak tahmin etmekten çok daha verimli olacağından, bu sorunun temel noktası burasıdır.


Sarı kullanmanız gerekecek. Örneklerinizde, farklı görünmeye çalıştıkları renge benzer renkler kullandıklarına dikkat edin.
Hanna

2
@Johannes, ne demek istiyorsun?
Baumr

İlk örneğinizde kullanılan renklerin hepsi gri tonlarıydı. İkinci örneğinizde, morunuz çok parlak bir mor kullanılarak daha mavi görünecek şekilde yapılmıştır. Sonra sarı örneğinizde beyazlar, griler ve siyahların sarılarını dikiyorsunuz. Söylediğim şey, sarının farklı arka planlarda aynı görünmesini sağlamak için sarıları kullanmanız gerektiğidir.
Hanna


Yanıtlar:


10

Bu bir analog aradığınız gibi görünüyor tamamlayıcı renkler , ama hafiflik boşluk yerine tonu . Anlayabildiğim kadarıyla böyle bir genel haritalama olamaz.

Arka plan ile ön plan arasında doğrusal bir korelasyon varsayarak efekti telafi edebileceğinizi varsayalım, böylece arka plan koyulaştıkça ön plan metni aynı miktarda aydınlanır. Tonun sabit kaldığını varsayıyorum. Her zaman arka plan ve ön planın aynı rengi paylaştığı bir orta nokta olacaktır.

Örnek olarak, beyaz üzerine siyah düşünün. Aynı tonlar için karşılıklı hafiflik siyah üzerine beyazdır, ancak aynı tonun her ara arka planı için bir ön plan bulmaya çalıştıysanız, orta noktada gri-griye vurursunuz ve hiçbir şey göremezsiniz.

Aynı nedenden ötürü, makul bir basit eşlemenin - hatta kayıp bir haritanın - var olabileceğini göremiyorum.


1
Bunu çözmek için, (ortalama) insan gözünün bir modelini oluşturmamız ve genetik bir algoritma kullanarak en uygun
olanı bulmamız gerektiğini düşünüyorum

1
@ Baumr: İyi bir doktora tezi olabilir :)
Monica ile Hafiflik Yarışları

0

Peki ya: beyaz ve siyah boyalı farklı arka planlar altında farklı griler kullanın, böylece eski aynı görünür, ancak nötr bir karşı olduklarında değil.

Bu iki yama grubunun siyah beyaz satırların üstünde aynı görünüp görünmediğini bana bildirin:

resim açıklamasını buraya girin

Çünkü bu lekelerin nötr bir grinin üstünde nasıl göründüğü bu resimde tasvir edilmiştir:

resim açıklamasını buraya girin

GIMP'in Tahıl Ekstresi / Birleştirme adı verilen katman karıştırma modunu kullandım, bu da diğerinden nötr bir yama çıkararak en açık griyi ve daha sonra ikisini birleştirerek en koyu olanı bulmama izin verdi. Başka bir deyişle: Katkı ortalaması ortalaması nötr olan iki griler buldum.

Siyah veya beyaz bir arka plana karşı renkle, katkı ortalama ortalama rengi bulmak için Tahıl Birleştirme'yi ve ikincisinin tamamlayıcısını Tahıl Ekstresi ile kullanabilirsiniz.

EDIT: şuna bir bak. Bu sarıların aynı görünmesini sağlayabilirsiniz.

resim açıklamasını buraya girin

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.