Rastgele Renk Paleti Oluşturucu

Random palette

Uyumlu bir palet, yan yana beş rastgele renkten çok daha kullanışlıdır. Bu araç bir temel ton seçer, ardından klasik renk teorisi ilişkilerini kullanarak dört kardeş renk üretir: komşu, tamamlayıcı, bölünmüş tamamlayıcı, üçlü veya dörtlü. Beğendiğiniz herhangi bir örneği kilitleyip geri kalanını yeniden çekebilirsiniz.

Bir palet nasıl oluşturulur

  1. 1

    Uyum türünü seçin

    Komşu (çark üzerindeki komşular), tamamlayıcı (zıtlar), üçlü (120 derece arayla), dörtlü (dikdörtgen) veya tek renkli (tek tonun gölgeleri).

  2. 2

    Temeli çekin

    İlk örnek, orta doygunluk ve açıklıkta rastgele bir tondur — bir başlangıç noktası.

  3. 3

    Kardeşler hesaplanır

    Diğer örnekler seçilen uyum kullanılarak temelden türetilir, sonra kontrast için ayarlanır.

  4. 4

    Kilitleyin ve yeniden çekin

    Beğendiğiniz örnekleri tutun; palet uyum yakalayana kadar diğerlerini yeniden çekin.

Uyum kopya kâğıdı

Şema Çark üzerindeki ton sapmaları Atmosfer
Tek renkli 0 derece (aynı ton, değişen L/S) Sakin, minimal
Komşu +/- 30 derece Sıcak, doğal
Tamamlayıcı 180 derece Yüksek kontrast, etkileyici
Bölünmüş tamamlayıcı 150 / 210 derece Gerilimsiz kontrast
Üçlü 0, 120, 240 derece Canlı, dengeli
Dörtlü 0, 90, 180, 270 derece Zengin, dengelemesi zor

Pratik ipuçları

İşin araçları

Tasarımcılar yıllar içinde farklı çarkları tercih etti. RYB çarkı (kırmızı, sarı, mavi) sınıf standardıdır. Bilgisayardaki HSL basitleştirilmiş bir soyutlamadır; OKLCH, algısal tekdüzelik için günümüzün en gelişmişidir ve erişilebilir renk sistemleriyle çalışıyorsanız öğrenmeye değer.

Sık Sorulan Sorular

Çünkü sabit doygunluk ve açıklık, tondan bağımsız olarak görsel olarak benzer örnekler üretir. Bir palet içindeki örnekler arasında açıklığı değiştirin — biri soluk, biri orta, biri koyu — ve palet anında çok daha kullanışlı olur.

Komşu ve tek renkli. Neredeyse tesadüfen uyumlu görünürler. Üçlü ve dörtlü tasarım özgüvenini ödüllendirir ama zayıf uygulamayla kolayca kaotik görünebilir.

Evet — hex kodlarını virgülle ayrılmış bir liste, bir CSS özel özellikler bloğu veya bir JSON dizisi olarak kopyalayın. Tasarım aracınızın aldığı biçimi seçin.

Her örnek için beyaz ve siyaha karşı kontrast gösterilir, böylece hangilerinin metin için işe yaradığını bir bakışta görebilirsiniz. WCAG çift bazlı kontrastı yayımlamadan önce doğrulamak sizin sorumluluğunuzdadır.

İlgili Araçlar