HSB Açıklandı: Bu Sitedeki Her Oyunun Arkasındaki Renk Modeli

Bu sitedeki her oyun — Toon Tone, Dialed GG ve Hued — aynı üç kaydırıcıyı kullanır: Renk Tonu (Hue), Doygunluk (Saturation) ve Parlaklık (Brightness). Bir tur oynayıp kaydırıcıların beklediğiniz şeyi yapmadığını hissettiyseniz, bu oyunun suçu değil. Mesele şu ki HSB'yi gerçekten anlamak on dakika alır ve neredeyse hiç kimse bu zahmete girmez.

İşte o on dakika.

RGB Zaten İşe Yararken HSB Neden Var

Ekranlar RGB ile düşünür: kırmızı, yeşil, mavi; her biri 0'dan 255'e kadar. Pikseller fiziksel olarak böyle aydınlatılır. Sorun şu ki RGB insanlar için sezgisel değildir. Size "bu rengi biraz daha az canlı yap" dersem, R, G veya B'den hangisini oynatacağınızı bilemezsiniz. Tahmin yürütürdünüz.

HSB (V'nin "değer" anlamına geldiği HSV olarak da adlandırılır), insanların rengi gerçekte nasıl tanımladığına uyacak şekilde tasarlandı. Rengi üç bağımsız algısal boyuta böler; böylece bir rengi "biraz daha kırmızı" veya "biraz daha az doygun" istediğinizde, tam olarak bir düğmeyi çevirirsiniz.

Renk Tonu: Çarkın Neresinde

Renk tonu, bir rengin temel kimliğidir — kırmızı, turuncu, sarı, yeşil, mavi, mor. Bir renk çarkı etrafında 0° ile 360° arasında bir açı olarak ölçülür:

0° — kırmızı
60° — sarı
120° — yeşil
180° — camgöbeği (cyan)
240° — mavi
300° — macenta
360° — yeniden kırmızıya döner

İnsanlar "renk" dediklerinde aslında renk tonunu kastettiklerini düşünürler. Kabaca doğru yakalanması en kolay, tam olarak doğru yakalanması en zor boyuttur — çünkü 28°'lik bir kırmızı ile 35°'lik bir kırmızı arasındaki fark, eğitimli bir göz için devasadır ve hemen herkes için görünmezdir.

Doygunluk: Ne Kadar Canlı

Doygunluk, bir rengin ne kadar saf veya canlı olduğunu %0 ile %100 arasında ölçer.

%100 doygunluk, o renk tonunun en canlı sürümüdür — saf, elektrik gibi, tamamen renkli.
%0 doygunluk gridir. Renk tonundan bağımsız olarak saf gri.

Tuzak şu: çoğu insan tahmininin fazla doygun olduğunu düşünür, oysa genellikle yeterince doygun değildir. Gerçek dünyadaki nesneler (boya, kumaş, kürk) %100'e yakın bir şeye nadiren ulaşır. Çizgi film karakterleri ise sık sık ulaşır — göze çarpmalarının bir nedeni de budur.

Parlaklık: Ne Kadar Açık

Parlaklık, rengin ne kadar açık veya koyu olduğudur; %0 (saf siyah) ile %100 (tam parlaklık) arası.

İnsanların genellikle en iyi olduğu boyut budur — çoğumuz açığı koyudan sezgisel olarak ayırt edebiliriz. Ancak parlaklık, doygunlukla incelikli yollarla etkileşir. Doygun bir renkte parlaklığı çok yükseltmek onu beyaza doğru soldurur. Çok düşürmek ise renk tonundan veya doygunluktan bağımsız olarak her şeyi siyaha çökertir.

Rengi "Bilseniz" Bile HSB'yi Tahmin Etmek Neden Zor

Çoğu insan renk hafızasını bir isim olarak saklar: "sarı", "kırmızı", "mavi". İsimler sıkıştırır. SpongeBob'u "sarı" olarak etiketlediğiniz an, beyniniz belirli renk tonunu (yaklaşık 50–55°), belirli doygunluğu (yaklaşık %85–95) ve belirli parlaklığı (yaklaşık %95) atar.

HSB kaydırıcıları bu hafızayı yeniden açmaya zorlar. Kayarak "sarı"ya ulaşamazsınız — tam olarak bu sarıya kaymanız gerekir. Oyunların aldatıcı biçimde zor gelmesinin nedeni budur.

Kaydırıcı Sezginizi Eğitmek

Üç oyunda da sizi anında daha iyi yapacak birkaç alışkanlık:

Önce renk tonunu sabitleyin. Diğer ikisine dokunmadan önce çark üzerindeki doğru bölgeyi bulun.
İkinci sırada doygunluk. Hedefe gözlerinizi kısarak bakın ve sorun: bu renk kendini zorluyor mu, yoksa geride mi duruyor?
En son parlaklık. Sonunda, algılanan renk tonunu etkilemeden ayarlanması en kolay olanıdır.
İsimlerle düşünmeyin. Bir rengi etiketlediğiniz an, kesinliği kaybetmişsinizdir.

Nerede Pratik Yapmalı

Dialed GG en temiz HSB eğitimini sunar: saf renk örnekleri, araya giren karakterler veya hikâyeler yok. Kolay mod, ezberlerken size HSB sayılarını bile gösterir.
Hued günlük 3 tahminlik bulmacadır — geri bildirimle tek bir rengi sezmeyi öğrenmek için harikadır.
Toon Tone patron seviyesidir: ikonik karakterlerde HSB hatırlama, görünür referans yok.

HSB kaydırıcılarıyla bir hafta geçirin, renk algınız sözel olmaktan çıksın. Dünyayı üç sayıyla tanımlamaya başlayacaksınız — ki tasarımcılar, fotoğrafçılar ve ressamlar zaten başından beri bunu yapıyor.

Kaynaklar ve ileri okuma