60-30-10 kuralı
Renkleri paylaştırmak için en kullanışlı kuraldır. İç mimariden gelir ama her projede işe yarar.
- %60: baskın renk. Genellikle bir nötr ya da yumuşak bir ton. Zeminleri ve geniş alanları kaplar.
- %30: ikincil renk. Karakter katar. Bloklar, menüler ya da mobilyalar için kullan.
- %10: vurgu rengi. En cesur olanı. Düğmeler, simgeler ya da detaylar için kullan.
Örneğin: %60 kırık beyaz, %30 lacivert ve %10 turuncu.
Tam olarak ölçmen gerekmez. Amaç, bir rengin yön vermesi, birinin desteklemesi ve birinin öne çıkmasıdır.
Nötr renklerin rolü
Nötr renkler beyaz, siyah, gri, bej, krem ve açık kahverengilerdir. Neredeyse her şeyle uyum sağlarlar.
Gözü dinlendirir ve güçlü renklerin öne çıkmasına yardım ederler. Nötr renk içermeyen bir palet genellikle yorucu hissettirir.
- Beyaz ve kırık beyaz: temizlik ve ferahlık.
- Gri: modern ve sade. Paletin geri kalanına göre sıcak ya da soğuk griler seç.
- Bej ve kum rengi: sıcaklık ve doğal bir his.
- Siyah ya da siyaha yakın: zarafet ve kontrast. Metin için çok koyu bir gri, saf siyahtan genellikle daha az göz yorar.
Sıcaklığa göre birleştirmek
Renkler sıcak (kırmızılar, turuncular, sarılar) ve soğuk (maviler, yeşiller, morlar) olarak ayrılır. Onları birleştirmenin üç basit yolu vardır:
- Hepsi sıcak: samimi ve enerjik. Restoranlar ya da sıcak kanlı markalar için harika.
- Hepsi soğuk: sakin ve profesyonel. Sağlık, teknoloji ya da finans için harika.
- Soğuk zemin, sıcak vurgu: en çok yönlü seçenek. Sıcak vurgu, sakin bir zeminde gözü kendine çeker.
Genellikle başarısız olan şey, baskın bir renk olmadan çok sayıda yoğun sıcak ve soğuk rengi aynı anda karıştırmaktır.
Metin için kontrast
Metin okunamıyorsa güzel bir renk işe yaramaz. Metinle zemin arasındaki kontrast, okunabilirlik ve erişilebilirlik için çok önemlidir.
- Açık zemin üzerinde koyu metin ya da koyu zemin üzerinde açık metin kullan.
- Beyaz üzerinde sarı, açık yeşil ya da açık gri metinden kaçın.
- Kırmızı üzerine yeşil gibi doygun tamamlayıcı renkleri üst üste koyma. Titreşim yaratır ve gözü yorarlar.
- WCAG yönergeleri normal metin için en az 4.5:1, büyük metin için 3:1 oran ister.
Herhangi bir renk çiftini kontrast kontrolü aracımızla test edebilirsin.
Her zaman işe yarayan 15 renk kombinasyonu
Bu çiftler başlamak için güvenli seçeneklerdir. Temel olarak kullan, gerekirse bir nötr ya da vurgu rengi ekle.
- Lacivert ve krem: klasik, ciddi ve kolay okunur.
- Siyah ve altın: lüks ve zarafet.
- Mavi ve turuncu: tamamlayıcı ve enerji dolu.
- Orman yeşili ve bej: doğal ve sakin.
- Pembe ve antrasit gri: modern ve dengeli.
- Sarı ve siyah: en yüksek kontrast, uyarılar için ideal.
- Bordo ve kum rengi: sıcak ve sofistike.
- Turkuaz ve mercan: ferah ve yazlık.
- Mor ve açık leylak: monokromatik ve yaratıcı.
- Kahverengi ve adaçayı yeşili: toprak tonlu, doğal markalar için ideal.
- Gri ve şeftali: yumuşak ve samimi.
- Petrol mavisi ve soluk sarı: sakin, bir tutam ışıkla.
- Kiremit rengi ve kırık beyaz: sıcak ve Akdeniz havasında.
- Koyu petrol yeşili ve hardal: retro ve karakterli.
- Beyaz ve kırmızı: doğrudan, enerjik ve çok dikkat çekici.
HEX kodlarıyla birlikte çok daha fazla fikri renk kombinasyonları sayfamızda bulabilirsin.
Her renkle uyumlu renkler
Zaten bir ana rengin varsa bu liste sana hızlı bir başlangıç noktası verir:
- Kırmızı: beyaz, siyah, gri, lacivert ve bej. Daha cesur bir şey için pembe ya da turuncu.
- Turuncu: lacivert, turkuaz, beyaz, krem ve kahverengi.
- Sarı: gri, siyah, lacivert ve beyaz. Hardal sarısı koyu yeşille iyi gider.
- Yeşil: bej, beyaz, kahverengi, altın ve yumuşak pembe.
- Mavi: beyaz, turuncu, gri, sarı ve mercan. Lacivert neredeyse bir nötr gibi çalışır.
- Mor: gri, leylak, altın, adaçayı yeşili ve beyaz.
- Pembe: gri, lacivert, zeytin yeşili, beyaz ve altın.
- Kahverengi: krem, yeşil, petrol mavisi, turuncu ve kırık beyaz.
Nötr renklerin neredeyse her listede yer aldığına dikkat et. Güçlü bir rengi eşleştirmenin en güvenli yolu onlardır.
Kendi kombinasyonunu nasıl oluşturursun?
- Anlatmak istediğin şeye göre bir ana renk seç.
- Renk çemberinde bir ikincil renk bul: sakin bir şey için komşu bir renk, dikkat çekici bir şey için karşıdaki renk.
- Bir ya da iki nötr renk ekle.
- En önemli şey için tek bir vurgu rengi seç.
- Paleti gerçek bir örnekte test et: bir web sayfası, bir slayt ya da odanın bir fotoğrafı.
Emin değilsen daha az renk kullan. Üç ila beş renk neredeyse her proje için yeterlidir.
Sık yapılan renk hataları
- Çok fazla renk kullanmak. Sonuç dağınık görünür ve hiçbir şey öne çıkmaz.
- Her renge aynı ağırlığı vermek. Baskın bir renk olmadan göz nereye bakacağını bilemez.
- Kontrastı unutmak. Okunamayan metinler ya da kimsenin görmediği düğmeler.
- Her şeyi doygun yapmak. Çok parlak renkler yorar. Onları daha yumuşak tonlarla eşleştir.
- Bağlamı göz ardı etmek. Bir renk gün ışığında, ekranda ya da baskıda farklı görünür.
- Uyarlamadan kopyalamak. Bir marka için işe yarayan palet senin kitlene uymayabilir.
- Farklı sıcaklıktaki nötrleri karıştırmak. Sıcak bir bejin yanındaki soğuk bir gri bulanık görünebilir. Nötrleri aynı aileden seç.
- Birden fazla ekranda test etmemek. Bir renk bilgisayarında harika, telefonda ise donuk görünebilir. Her zaman birden fazla cihazda kontrol et.