Karşıt Renk Bulucu
Herhangi bir rengin karşıtını (tamamlayıcısını), RGB tersini ve üzerinde okunaklı duran metin rengini bulun.
1.311 görüntülenme
Nasıl Çalışır
İki renk, renk çemberinde tam olarak birbirinin karşı noktasında duruyorsa, yani ton (hue) olarak 180° uzaktaysa karşıt/tamamlayıcıdır. Matematiksel olarak bu araç girdiğiniz rengi HSL modeline çevirir, Hue değerini alır ve 360'a göre mod alarak 180 derece ekler — örneğin 40° (turuncu) bir ton, 220° (mavi) olur. Doygunluk (Saturation) ve Açıklık (Lightness) değiştirilmez; yani karşıt renk çember üzerinde gerçek bir döndürme işlemidir, rastgele farklı bir renk değil. Yan yana konduklarında karşıt renkler birbirini görsel olarak güçlendirir; bu yüzden karşıt renk, taban renk hâkim bir tasarımda öne çıkması gereken vurgular, butonlar ve harekete geçirici öğeler için doğal bir seçimdir.
Bu etkinin insan görme sisteminde fiziksel bir temeli vardır. Doygun bir renge birkaç saniye bakıp ardından düz beyaz bir yüzeye bakıldığında, o rengin yaklaşık tamamlayıcısında geçici bir after-image (bakış-sonrası görüntü) oluşur — bu, retinadaki renk algılayan koni hücrelerinin geçici yorgunluğundan kaynaklanan gerçek bir fizyolojik olaydır. Tamamlayıcı renk çiftlerinin bir arada özellikle canlı ve "diri" görünmesinin bir nedeni de budur: göz, after-image üreten mekanizmanın aynısı tarafından önceden hazırlanmış olur. Karşıt renge ek olarak bu araç, RGB tersini (her kanal için 255−değer — klasik "fotoğraf negatifi") ve girdiğiniz rengin algılanan parlaklığına göre okunaklı duran metin rengini (siyah veya beyaz) de hesaplar.
Bilinmesi Gerekenler
- Karşıt renk ile RGB tersi aynı işlem değildir — sadece tam doygun renklerde birbirine benzer sonuç verirler; soluk, pastel veya gri tonlu renklerde iki hesap görünür şekilde farklılaşır.
- Karşıt rengi ölçülü kullanın. İki tam güçteki karşıt rengi eşit miktarda kullanmak gözde titreşim hissi yaratıp yorar; %90/%10 dengesi kasıtlı görünür, rahatsız edici değil.
- Metin rengi önerisi bir başlangıç noktasıdır, WCAG garantisi değil — gövde metni için gerçek kontrast oranını yayınlamadan önce özel bir denetleyiciyle ayrıca doğrulayın.
- Karşıt renk, tek başına marka rengi seçimi için yeterli değildir. Matematiksel uyum yalnızca bir başlangıç noktasıdır; nihai seçim doygunluk, kültürel çağrışım ve markanın genel tonuyla birlikte değerlendirilmelidir.
- Somut bir örnek:
#2563EB(orta mavi, hue ≈ 221°) için karşıt renk yaklaşık 41° hue'da (sıcak bir kehribar/turuncu) oturur ve RGB tersi#DA9C14'tür — burada kaynak renk oldukça doygun olduğu için ikisi görsel olarak benzer bölgede kalır, ama soluk gri-mavi bir tondan başlansaydı iki yöntem keskin biçimde ayrılırdı.
Sıkça Sorulan Sorular
Karşıt renk ile ters renk aynı şey mi?
Hayır. Karşıt (tamamlayıcı), yalnızca renk tonunu çemberde 180° çevirir; doygunluk ve açıklık aynı kalır. RGB tersi ise her kanalı bağımsız olarak çevirir (255−R, 255−G, 255−B) — fotoğraf negatifi gibi. Doygun bir ana renkte ikisi benzer görünebilir, ama orta gri veya pastel bir tonda sonuçlar büyük ölçüde farklılaşır — orta grinin tersi yine orta gridir, oysa tam doygunluğu olmayan bir rengin "karşıtı" teknik olarak tanımsızdır çünkü döndürülecek bir hue yoktur.
Bir renge bakıp bakışı çekince neden onun karşıtı görünür?
Bu "after-image" (bakış-sonrası görüntü) etkisidir: retinanızda belirli bir rengi algılayan koni hücreleri, o renge uzun süre maruz kaldıktan sonra geçici olarak yorulur. Ardından nötr beyaz bir yüzeye baktığınızda, yorgun hücreler daha az tepki verirken diğerleri normal tepki verir; beyniniz bu dengesizliği karşıt rengi görüyormuş gibi yorumlar — bu, retina kimyasına dayanan gerçek bir fizyolojik olaydır, bir optik yanılsama veya zihin oyunu değildir.
Karşıt rengi nerede kullanmalıyım?
Küçük, bilinçli bir vurgu olarak — buton, bağlantı, rozet — ana rengin hâkim olduğu bir tasarımın üzerinde. İkisini yaklaşık eşit miktarda tam güçte kullanmak, cilalı görünmek yerine gözde titreşim hissi yaratıp yorar; tasarımcılar genellikle çiftten birini soldurarak veya koyulaştırarak etkiyi yumuşatır. "Hata" veya "başarı" gibi durum renklerinde de karşıt tonlar sıkça kullanılır, çünkü göz farkı anında yakalar.
Okunaklı metin rengi neye göre belirleniyor?
Rengin algılanan parlaklığına, YIQ formülüyle hesaplanarak karar verilir; bu formül kırmızı, yeşil ve maviyi insan gözünün her birine olan duyarlılığına göre ağırlıklandırır (yeşil, algılanan parlaklığa mavi'den çok daha fazla katkı sağlar): açık zeminlere koyu metin, koyu zeminlere açık metin önerilir, böylece eşleşme ilk bakışta okunaklı kalır.
Neden özellikle 180°, başka bir açı değil?
Renk çemberi, tonu 360°'lik bir döngü olarak temsil eder ve 180°, matematiksel olarak herhangi bir tondan mümkün olan en büyük açısal uzaklıktır — bir rengin, aynı çember üzerinde kalırken başka bir renkten olabileceği en uzak noktadır. Bu maksimum ayrım, tam olarak en güçlü görsel kontrastı yaratan şeydir; üçlü uyumda kullanılan 120° gibi daha küçük bir açı ise bu kontrastın bir kısmını, iki yerine üç renk arasında daha fazla denge kurmak için feda eder.
Benzer Araçlar
Sorun Bildir
Karşıt Renk Bulucu
Yorumlar
Henüz yorum yok — ilk yorumu siz yazın!