Renk teorisi akademik ses çıkarır. Pratikte, iyi bir tasarımcının hiç düşünmeden ulaştığı küçük bir araç setidir. Yedi klasik uyum, palet çalışmasının %95'ini kapsar — her birini ve ne zaman kullanacağını bilmek, kasıtlı hissettiren bir palet ile tesadüfi hissettiren bir palet arasındaki farktır.

Tekerlek Pusula'dır

Her uyum kuralı, 12 dilimli renk tekerleğinde konumları tanımlar. Bir temel renk seçersiniz, ardından kural size tekerleğin neresinden geri kalanı alacağınızı söyler. Kurallar doygunluk veya hafifliği belirtmez — bu boyutları ayarlamak size kalmıştır.

Tamamlayıcı (Karşıt Renkler)

Tekerleğin tamamen karşısında iki renk: kırmızı ve camgöbeği, turuncu ve mavi, mor ve sarı. Maksimum kontrastlık. Bir şeyin arka plandan çıkmasını istediğinizde kullanılır — bir açılış sayfasında CTA düğmesi, bir veri grafiğinde vurgulama.

Tuzak: tam doygunlukta, tamamlayıcı çiftler rahatsız edici şekilde titrer. Birini tonlandırın (doygunluğu azaltın, açınlaştırın veya koyulaştırın) ve diğerini aksesuar olarak kullanın.

Üçlü (Eşit Aralıklı Üç Renk)

120° aralıkta üç renk: kırmızı-sarı-mavi, turuncu-yeşil-mor. Dengeli ve enerjik. İllüstrasyonlar, çocuk ürünleri ve kayıp hissi vermeden canlı hissetmek isteyen markalar için popülerdir.

Tuzak: üçü de eşit doygunlukta ilgiyi elbirliğiyle isterler. Birini baskın (tasarımınızın %60'ı), birini destekleyici (%30), birini aksesuar olarak (%10) seçin.

Benzer (Tekerleğin Komşu Renkleri)

Üç ila beş bitişik renk: sarı-sarıyeşil-yeşil veya mavi-mavi-mor-mor. En sakin uyum — çatışma yok çünkü hiçbir renk diğerine karşı durmaz. Doğal sahneler (günbatımları, ormanlar) neredeyse her zaman benzerdir.

Tuzak: benzer paletler düz hissettirilebilir. Kontrast noktaları için tamamlayıcı bir aksesuar ekleyin (orta renginizin karşısının küçük bir dozunu).

Yarı-Tamamlayıcı (İki Yakın-Karşıt)

Bir tabanı seçin, ardından tamamlayıcının kendisi yerine ona bitişik iki rengi alın. Sıkı tamamlayıcıdan daha yumuşak ama yine de güçlü. Sıkı tamamlayıcıyı çok agresif bulan tasarımcılar için iyi bir varsayılan.

Dörtlü (İki Tamamlayıcı Çift)

Tekerleğe bir dikdörtgen oluşturan dört renk: örn. kırmızı + yeşil + turuncu + mavi. En zengin uyum — çok çeşitlilik — fakat dengelemesi en zor. Bir renk baskın olduğunda ve diğer üçü destek rolü oynadığında en iyi.

Tuzak: dörtlü paletler kolayca kaotik görünebilir. Hangi rengin kimliği taşıdığına karar verin ve diğer üçünü küçültün.

Tek Renkli (Bir Renk, Birçok Değer)

Değişen doygunluk ve hafiflikle tek bir renk. Maksimum tutarlılık, sıfır renk kontrastı. İçeriğin (fotoğraflar, tipografi) UI dekorasyonu değil, görsel ilgiyi taşıması istediğiniz arayüzler için mükemmel.

Çoğu minimalist SaaS aracı tek renklidir — marka bir mavidir, geri kalanı gri tonlarıdır.

Trend (Kuralları İyi Kırmak)

aukimi'nin Renk Paleti Oluşturucusuna dahil ettiğimiz yedinci mod: ColourLovers, Coolors ve endüstri tasarımcılarından 177 el seçilmiş topluluk paleti. Bu paletler sıklıkla kasıtlı olarak klasik kuralları kırarlar — çalışırlar çünkü tasarımcının spesifik yaratıcı niyeti vardı — ve saf teori çok güvenli bir şey ürettiğinde ilham kaynağı olarak harikadırlar.

Hangisini Seçmelisiniz?

Editoryal, sakin, doğal → benzer.
Güç, CTA, enerji → tamamlayıcı veya yarı-tamamlayıcı.
Canlı marka, illüstrasyon → üçlü.
Zengin editoryal, cesur kampanyalar → dörtlü.
Minimalist UI, fotoğraf ağırlıklı → tek renkli.
Tıkandığını hissediyorum → Trendle göz atın.

Kuralların Ötesinde

Yedi uyumun tümü iki kritik boyutu görmezden gelir: kontrast (bu arka plana metin okunabilir mi?) ve semantik renk (teori ne derse desin kırmızı Batı UI'ında tehlike anlamına gelir). Son paletinizi her zaman bir WCAG kontrast kontrolünden geçirin — Renk Paleti Oluşturucu her çiftin AA/AAA oranlarını tek tıklamada gösterir — ve tekerlek güzel görünüyor diye tehlike rengi seçmeyin.

Kurallar başlangıç noktaları, bitiş noktaları değildir. Beş palet oluşturun, eleştirin, ayarlayın. İyi paletler tek bir zarı atmanın değil, yinelemeden gelir.

Renk Uyumu Kuralları: Tamamlayıcı, Üçlü, Dörtlü ve Her Birini Ne Zaman Kullanacağınız