Neden Gözlerimizin Tamamlayıcı Renk Paleti Şemalarına İhtiyacı Var… Ve Bunları Nerede Yapabilirsiniz?

Tamamlayıcı Renk Paleti Şemaları

İki veya daha fazla rengin birbirini nasıl tamamladığının arkasında aslında biyolojik bilim olduğunu biliyor muydunuz? Ben bir göz doktoru ya da optometrist değilim, ama burada bilimi benim gibi basit insanlar için tercüme etmeye çalışacağım. Genel olarak renkle başlayalım.

Renkler Frekanslardır

Bir elma kırmızıdır ... değil mi? Aslında değil. Işığın bir elmanın yüzeyinden yansıma ve kırılma sıklığı, onu algılanabilir hale getirir, gözlerimiz tarafından sinyaller olarak dönüştürülür ve beynimize gönderilerek "kırmızı" olarak tanımlanır. Ugh… bunu düşünmek bile kafamı acıtıyor. Gerçi doğrudur… renk basitçe bir ışık frekansıdır. İşte elektromanyetik spektrumun ve her rengin frekanslarının bir görünümü:

Renk ve Elektromanyetik Spektrum

Tam da bu nedenle prizmaya yöneltilen beyaz ışık bir gökkuşağı oluşturur. Gerçekte olan şey, kristalin ışık kırıldıkça dalga boyunun frekansını değiştirmesidir:

Prizma
Kristal prizma, beyaz ışığı birçok renge dağıtır.

Gözleriniz Frekans Dedektörleridir

Gözünüz, elektromanyetik spektrumdaki renk frekansları aralığı için gerçekten sadece bir frekans detektörüdür. Renkleri algılama yeteneğiniz, gözünüzün duvarında bulunan ve daha sonra optik sinirlerinize bağlanan farklı türdeki koniler aracılığıyla gerçekleşir. Her bir frekans aralığı bu konilerin bazıları tarafından tespit edilir, ardından optik sinirinize bir sinyale çevrilir ve tanımlandığı yerde beyninize gönderilir.

Gerçekten yüksek kontrastlı bir şeye uzun süre bakabileceğinizi, başka tarafa bakabileceğinizi ve baktığınız orijinal renklerle uyuşmayan bir ardıl görüntü görmeye devam edebileceğinizi hiç fark ettiniz mi? Diyelim ki beyaz duvardaki mavi bir kare:

Bir süre sonra gözünüzde mavi ışığı işleyen hücreler yorulur ve beyninize gönderdikleri sinyali biraz zayıflatır. Görsel spektrumun bu kısmı hafifçe bastırıldığı için, mavi kareye baktıktan sonra beyaz bir duvara baktığınızda, soluk turuncu bir ardıl görüntü göreceksiniz. Gördüğünüz şey, beyninizin turuncu olarak işlediği duvardan gelen beyaz ışık spektrumu, eksi küçük bir miktar mavi.

Renk Teorisi 101: Tamamlayıcı Renklerin İşinize Yaramasını Sağlamak

Bu yorgunluk yaşanmadıysa, gözlerimizin ve beynimizin gördükleri çoklu dalga boylarını (örneğin renkler) yorumlamak için çok çalışmaları gerekmez.

Armoniye Karşı Görsel Gürültü

Ses ile renk arasında bir analoji yapalım. Birbirini tamamlayıcı olmayan farklı frekansları ve hacimleri dinlediyseniz, bunu şöyle düşünürdünüz: gürültü. Bu, algılanan parlaklık, kontrast ve rengin olabileceği renkten farklı değildir. görsel gürültülü veya tamamlayıcı. Herhangi bir görsel ortamda, uyum için çalışmak istiyoruz.

Bu yüzden bir filmin arka planında parlak kırmızı bir gömlek giymiş bir fazlalık görmüyorsunuz. Ve bu yüzden iç mimarlar, tasarladıkları odanın duvarlarında, mobilyalarında, sanat eserinde ve diğer özelliklerinde tamamlayıcı renkler bulmak için çok çalışıyorlar. Renk, beyninin renkleri yorumlamasının ne kadar kolay olduğuna bağlı olarak, ziyaretçinin içine girdiklerinde edindiği ruh halini yaratmada kritik önem taşır.

senin Renk paleti bir grubu güzel bir uyum içinde bir araya getirmeye eşdeğerdir. Ve bir araya getirilen sesler ve enstrümanlar, hacim ve frekans açısından birbirine çok yakın olduğu gibi… renk paletinizin tamamlayıcı renkleri de öyle. Renk paleti tasarımı, renk algılamalarını hassas bir şekilde ayarlamış profesyoneller için gerçekten bir sanat biçimidir, ancak tamamlayıcı frekanslar hesaplanabildiği için kesinlikle bir hesaplama bilimidir.

Armoniler hakkında daha fazla bilgi yakında… renk teorisine geri dönelim.

RGB Renkleri

Dijital spektrumdaki pikseller kırmızı, yeşil ve mavinin birleşimidir. Kırmızı = 0, yeşil = 0 ve mavi = 0 şu şekilde görüntülenir: beyaz ve kırmızı = 255, yeşil = 255 ve mavi = 255 olarak görülüyor siyah. Aradaki her şey üçünden oluşan farklı bir renktir. Tamamlayıcı bir rengi hesaplamanın temelleri oldukça basittir… sadece yeni RGB Değeri için 255'ten RGB değerlerini çıkarın. İşte bir örnek:

Turuncu ve mavi arasındaki bu ışık frekansındaki fark, karşıtlık oluşturacak kadar uzak, ancak gözlerimizin yorumlaması zor olacak kadar uzak değil. Renk frekansları tamamlayıcıdır ve alıcılarımız için hoştur!

Bir rengi hesaplamak kolaydır… 3 veya daha fazla tamamlayıcı rengi hesaplamak, seçeneklerin her biri arasındaki eşdeğer miktarları hesaplamanızı gerektirir. Bu yüzden renk paleti düzeni oluşturucuları çok kullanışlı ol! Çok az hesaplama gerektirdiğinden, bu araçlar size birbirini tamamlayan birkaç renk sağlayabilir.

Color Wheel

Renkler arasındaki ilişkiyi anlamak, en iyi şekilde bir renk tekerleği kullanılarak görselleştirilir. Renkler, göreceli sıklıklarına göre bir daire şeklinde düzenlenmiştir. Radyal mesafe, rengin doygunluğu ve rengin tonu olarak daire üzerindeki azimut konumudur.

Color Wheel

Eğlenceli gerçek: Sör Isaac Newton, prizmalarla yaptığı deneylerin temeli olan Renk Tekerleğini ilk kez 1665'te geliştirdi. Onun deneyleri, kırmızı, sarı ve mavinin diğer tüm renklerin türetildiği ana renkler olduğu teorisine yol açtı. Yan not… Hatta her renge müzikal “notalar” uyguladı.

Beni Harmony ile silahlandırın…

newton renk çemberi

Renk Armoni Türleri

Her tamamlayıcı renk seti arasındaki ilişkiler ve nasıl hesaplandığı şu şekilde bilinir: uyumları. İşte harika bir genel bakış videosu:

Her türle farklı özellikler ilişkilendirilir:

  • Benzer - renk çarkında yan yana duran renk grupları. 
  • Tek renkli - tek bir temel tondan türetilen ve gölgeleri, tonları ve renk tonları kullanılarak genişletilen gruplar.
  • üçlü - etrafına eşit aralıklarla yerleştirilmiş renk grupları renk tekerlek
  • Tamamlayıcı - renk çarkında birbirine zıt olan renk grupları.
  • Bölünmüş Tamamlayıcı - tamamlayıcıya bitişik iki rengin kullanıldığı bir tamamlayıcı varyasyonu.
  • Dikdörtgen (Tetradik) - iki tamamlayıcı çift halinde düzenlenmiş dört renk kullanır
  • Kare - dikdörtgene benzer, ancak dört rengin tümü de renk çemberi etrafında eşit aralıklarla yerleştirilmiştir
  • Bileşik - renk ve tamamlayıcı rengine bitişik iki renk
  • Shades - ana renk için renk tonunun (açıklıkta artış) veya gölgenin (koyuluk) ayarlanması.

Bunlar öznel temalar değil, hesaplamaları daha iyi anlamamıza yardımcı olan güzel isimler uygulanmış gerçek matematiksel hesaplamalar.

Renk Paleti Şeması Oluşturucuları

Bir renk paleti şeması oluşturucusu kullanarak, bunun gibi güzel, tamamlayıcı renk kombinasyonları elde edebilirsiniz:

İstemci sitelerinde çalışırken genellikle renk paleti düzeni oluşturucuları kullanırım. Renkler konusunda uzman olmadığım için, bu araçlar arka planlar, kenarlıklar, altbilgi arka planları, birincil ve ikincil düğme renkleri gibi şeyleri daha iyi seçmeme yardımcı oluyor. Sonuç, göze çok daha hoş gelen bir web sitesidir! Bir reklamdan web sitesinin tamamına kadar her şeyi tasarımınıza uygulamak için ince, inanılmaz derecede güçlü bir stratejidir.

İşte bazı harika renk paleti şeması oluşturucuları çevrimiçi:

  • kerpiç - Farklı türleri test edebileceğiniz, ayarlamalar yapabileceğiniz ve hatta temanızı herhangi bir Adobe ürününe kaydedebileceğiniz en fazla 5 renge sahip harika bir araç.
  • Marka Renkleri - resmi marka renk kodlarının en büyük koleksiyonu.
  • Canva - bir fotoğraf yükleyin ve bunu paletiniz için bir temel olarak kullanacaklar!
  • Colllor - sadece birkaç tıklama ile tutarlı bir web renk paleti oluşturun. 
  • Renk Tasarımcısı - Sadece bir renk seçin veya önceden seçilmiş renkleri kullanın ve uygulama gerisini halleder. 
  • Renk Avı - elle seçilmiş binlerce moda renk paleti ile renk ilhamı için ücretsiz ve açık platform
  • Renkkuler - Instagram'ı estetik açıdan daha hoş hale getirmek için bir renk paleti oluşturun.
  • Colormind - derin öğrenmeyi kullanan bir renk şeması üreticisi. Fotoğraflardan, filmlerden ve popüler sanattan renk stillerini öğrenebilir.
  • Renk alanı - sadece bir ila üç renk girin ve bazı şemalar oluşturun!
  • Renk kodu - Solda bir dizi armoni stiliyle renk paletinizi oluşturmak için gerçekten harika bir ekran deneyimi.
  • RENKLER - dünyanın her yerinden insanların renkler, paletler ve desenler oluşturup paylaştığı, en son trendleri tartıştığı ve renkli makaleleri keşfettiği yaratıcı bir topluluk.
  • Soğutucular - mükemmel paleti oluşturun veya binlerce güzel renk şemasından ilham alın.
  • Veri Rengi Seçici - Bir dizi renk oluşturmak için palet seçiciyi kullanın. görsel olarak eşit uzaklıkta
  • kroma - Hangi renkleri beğendiğinizi öğrenmek için AI kullanır ve keşfetmeniz, aramanız ve kaydetmeniz için paletler oluşturur.
  • Materyal Tasarımı - kullanıcı arayüzünüz için renk şemaları oluşturun, paylaşın ve uygulayın. Hatta uygulamanız için bir dışa aktarımla birlikte gelir!
  • Muzli Renkler - bir renk adı veya kodu ekleyin ve güzel bir palet oluşturun.
  • Paletton - temel bir renk seçin ve ilham alın.
  • Veranda - tonlarca harika renk paletinden ilham alın. 

Renk ve Erişilebilirlik

Bir sonraki palet şemanızı tasarlamaya karar verirken, deneyimlerinizle etkileşime girmesi gereken önemli sayıda görme bozukluğu ve renk eksikliği olan insan olduğunu lütfen unutmayın.

  • Kontrast - Her bağımsız rengin bir parlaklık. Bindirmelerin ve bitişik nesnelerin renkleri, görme engelli kişilerin bunları ayırt edebilmesi için göreceli olarak 4.5: 1 parlaklık oranına sahip olmalıdır. Oranları kendim hesaplamaya çalışma zahmetine girmezdim, iki renk oranlarınızı test edebilirsiniz. Renklendirilebilir, Kontrast Oranıveya renk güvenliği.
  • resimleme - Bir alanı kırmızıyla vurgulamak, renk eksikliği olan birine yardımcı olmaz. Bir sorun olduğunu da bilmelerini sağlamak için bir tür mesaj veya simge uyguladığınızdan emin olun.
  • odak - Çoğu kişi klavyeler veya ekran okuyucularla gezinir. Kullanıcı arayüzünüzün sitenizden yararlanabilmeleri için tüm erişilebilirlik etiketleriyle doğru şekilde tasarlandığından emin olun. Görme bozukluğu olan kişiler için, beyaz boşluk kullanımı ve düzeni bozmadığı durumlarda yazı tipi boyutlarını artırma veya azaltma yeteneği kritiktir.

Göz uzmanı mısınız? Renk uzmanı mısınız? Erişilebilirlik uzmanı mısınız? Lütfen bu makaleyi geliştirmek için bana herhangi bir rehberlik etmekten çekinmeyin!

Açıklama: Bu makalede bağlı kuruluş bağlantılarını kullanıyorum.

Ne düşünüyorsunuz?

Bu site spam'i azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl işlendiğini öğrenin.