Neden bu renk gradyanının diğerlerinden daha çekici olması?

Gelişmekte olduğum bir sitede bazı gradyanlarla oynuyorum ve belirli renklerin neden diğerlerinden daha çekici göründüğünün arkasındaki psikoloji veya diğer anlamlarla gerçekten ilgileniyorum.

İşte site şu anda:

Buradaki gradyanlar tasarıma oldukça doğal görünüyor. Ama karıştırıp eşleştirmeye başlarsam, bununla bitirdim:

"Doğal" görünen başka bir düzgün degrade bulamıyorum. Bu renk karışımlarını nasıl algıladığımızın arkasında psikolojinin ne olduğunu merak ediyorum ... bir arada iyi giden renkleri bulmak için bir tür kural var mı? Bunun için gitmek istediğin hissine bağlı olduğunu hayal ediyorum. Her türlü girişi takdir ediyorum!

İlk örnek ile denemeleriniz arasındaki temel fark, orijinalin renk tonunda neredeyse hiç sert bir değişikliği içermemesidir.

Altın-sarıdan macenta / pembeye gitmek renk tekerleğinin yaklaşık 1/6 tur kadardır. Buna karşılık, deneylerin (turuncu-kırmızıdan mavi-menekşe, mavi-menekşe-sarı-yeşil ve mavi-menekşe-mavi-menekşe) hepsi 1/4 turdan fazla.

Bu kadar değişiklik, bir renkteki tek bir kayma olarak değil, birden çok renkteki bir ilerleme olarak algılanır. Degradeniz başlıklarınızda oldukça yoğun olduğundan, bu oldukça keskin bir değişiklik olarak ortaya çıkar ve neden sizin için "doğal" hissetmediğini açıklayabilir.

Ana "hedef" renk bloklarınız için farklı bir renge sahip olmak istiyorsanız, degradenin başlangıcı için komşu bir renk seçin. Örneğin, bitiş noktası olarak mavi-mor için, başlangıç ​​noktası için koyu mavi veya macenta seçin. Bitiş noktası olarak sarı-yeşil için, parlak yeşil veya kırmızı ile başlayın.

Tabii ki, bunlar ilgili renklerin ruh hallerine bağlı olarak size farklı "ruh halleri" verecekler - mavi menekşe orijinaldeki pembe renkten çok daha soğuk, daha sakin bir renk. Ancak en azından gradyanlar biraz daha yumuşak görünmelidir.

“Neden farklı algılanıyorlar” diye sorduğunuz için, işte göz önünde bulundurmanız gereken başka bir şey (çok meraklı): RGB renginin algılanan ışıltısı. Bunu yapmak zor, bu yüzden cevabımı neredeyse trivia gibi atın:)

Bir rengin ışıldama değeri, onu nasıl "aydınlattığınızı" gösterir. Eğer renk bir ampul ise, düşük parlaklığa sahip bir renk loş (40W ampul) olarak algılanırken, yüksek parlaklığa sahip bir renk çok parlak (100W ampul) olarak algılanacaktır.

Aslında RGB renkler, küçük "ampuller" kullanılarak görüntülenir. Ekranlar, her piksel için üç adet küçük "ampullerden" oluşur: R (ed), G (reen) ve B (lue). Bir rengin spesifik R, G ve B değerleri, o renk yanılsamasını oluşturmak için her minik ampulün ne kadar parlak yanması gerektiğini gösterir. Örneğin, turuncu renkli RGB (255, 100, 0), kırmızı ampulün maksimum potansiyeline (255) çevrilmesi, yeşil ampulün yarı loş (100) yapılması ve mavi ampulün (0) kapatılmasıyla oluşturulur.

Bazı renkleri ve rengin yanılsamasını oluşturmak için her bir RGB bileşeninin nasıl "parlak" yapılması gerektiğini gösteren bir çizim. Her rengin altındaki küçük noktalar, bileşenin ne kadar koyu ya da parlak yapıldığını gösterir.

Resimde görebileceğiniz gibi, beyaz oluşturmak için, örneğin 3 bileşeni maksimuma (255) çevirdiniz. 3 minik "ampulün" bu kombinasyonu göz tarafından beyaz olarak algılanır (neden büyük bir baskın olacağını açıklar). Siyah oluşturmak için hepsini kapatırsınız. Bu kolaydır: ışık yok, renk yok.

Her rengin parlaklığı, 3 bileşenin her birinin "ne kadar parlak" olduğuyla hesaplanır. 3 bileşen maksimum değerine döndüğü için beyaz, en yüksek parlaklığa sahip renk olacaktır. Siyah, en düşük olanı olurdu. Sarı, yeşilden daha yüksek parlaklığa sahiptir çünkü sarı yapmak için maksimum 2 bileşene ihtiyaç duyarsınız, ancak yeşil yapmak için sadece bir tane gerekir. Yani, az ya da çok bunu söyleyebilirsin

L = R + G + B

Yine de biraz daha karmaşık. Resme bakarak yeşil bileşenin daha parlak göründüğünü fark edeceksiniz. Aslında göz tarafından en parlak olarak algılanıyor. Öte yandan mavi, çok loş olarak algılanıyor. Lüminesansı hesaplamak için tam formül bunu hesaba katar.

L = 0.2126 R + 0.7152 G + 0.0722 B

Her renk için hesaplanan parlaklık ile tekrar gösterimi.

Gözünüzün size söyleyebileceği gibi, sarıların turuncudan daha aydınlık, ancak turuncuların macenta kadar az ya da aydınlık olduğunu fark edeceksiniz.

Şimdi renkleri orijinal paletinizden ikisinden aldım ve parlaklıklarını hesapladım.

İlk durumda, sevdiğinizin, birinci rengin parlaklığının altta (125), ikinci renginkinden (üstte) daha düşük olduğunu fark edeceksiniz. O zaman gradyan, sanki aydınlanıyormuş gibi parlaklıktaki bir artış olarak algılanır.

İkinci durumda, çok fazla fark yok, bu yüzden degrade sadece tondaki bir değişiklik olarak algılanıyor.

Üçüncü durumda, alt renk, üst renkten daha yüksek bir lüminesansa sahiptir, bu nedenle degrade sanki karartılmış gibi parlaklıkta bir azalma olarak algılanır.

Bu, renk tekerleğinde birbirinden nispeten aynı mesafeye yerleştirilmiş 2 tonu seçtiğinizde tercih ettiğinize göre neden farklı şekilde algılanacağını açıklar.

Gönderen http://www.colormatters.com/color-and-design/basic-color-theory

1 - Benzer renklere dayalı bir renk şeması

Benzer renkler, sarı-yeşil, sarı ve sarı-turuncu gibi 12 parçalı bir renk tekerleğinde yan yana olan üç renktir. Genellikle üç renkten biri baskındır.

2 - Tamamlayıcı renklere dayalı bir renk şeması

Tamamlayıcı renkler, kırmızı ve yeşil ve kırmızı-mor ve sarı-yeşil gibi doğrudan birbirine zıt olan iki renktir. Yukarıdaki çizimde, yapraklarda birkaç sarı-yeşil varyasyon ve orkide içinde birkaç kırmızı-mor varyasyon vardır. Bu karşılıklı renkler maksimum kontrast ve maksimum stabilite oluşturur.

3 - Doğaya dayalı bir renk şeması

Doğa, renk uyumu için mükemmel bir hareket noktası sağlar. Yukarıdaki çizimde, kırmızı sarı ve yeşil, bu kombinasyonun renk uyumu için teknik bir formüle uyup uymadığına bakılmaksızın uyumlu bir tasarım oluşturur.

Sadece AmeliaBR'in cevabına ekliyor (yorum yapmalıyım ama resim göndermek istiyorum). Tonunuzu "değiştirmeyi" denemenin bir yolu, ancak başlangıç ​​ve bitiş renkleri arasındaki aynı mesafeyi korumak Photoshop'un renk tonu aracını kullanmak olabilir.

İlk resmi çekin (istediğiniz degradeye sahip olanı) ve Photoshop'ta açın. Ardından Ton / Doygunluk aracını ( Image->Adjustment->Hue Saturationveya Ctr+U) açın ve ilk kaydırıcıyla (Ton) oynatın. Bu, tüm görüntünün tonunu değiştirecek, ancak mevcut tüm tonlar arasında aynı ilişkiyi koruyacaktır (özellikle degradelerinizin başlangıç ​​ve bitiş tonu). Arayüzünüzün arka yüzü siyah (veya nötr gri) olduğundan, tondaki değişim onu ​​etkilemez.

Hoşunuza giden bir kombinasyon bulursanız, sadece Ton / Doygunluk değişikliklerini kabul edin (tıklayın OK) ve damlalık aracını (basın I) kullanarak degradenin başlangıç ​​ve bitiş renklerini seçin.

Bu örnekte -155 tonunu değiştirdim ve gradyan şimdi (hiç moda olan) Aquamarine Green'den Blue'ya gidiyor; bu da deniz ekolarına sahip serin ve sakinleştirici bir gradyan.

Dikkat edin, renk algısının çok kişisel bir bileşeni var. Başkaları için "doğal" olarak bulabilecekleriniz bir sapma olarak algılanabilir.