Renk Paleti Üretici

Bu araç ne işe yarar?

Renk Paleti Üretici, seçtiğiniz tek bir ana renkten tutarlı bir ton skalası ve renk teorisine dayalı uyum şemaları oluşturur. Tasarımcılar, marka çalışması yapanlar ve geliştiriciler için bir başlangıç renginden eksiksiz bir palet türetir.

Nasıl kullanılır?

Değerleri ve seçenekleri ayarlayın.
Canlı önizlemede sonucu görün.
Üretilen CSS/kodu projenize kopyalayın.

Tonlar ve uyum şemaları

Araç önce ana renginizden 100'den 900'e kadar dokuz adımlık bir ton skalası çıkarır; bunlar açıktan koyuya doğru aynı tonun (hue) ve doygunluğun farklı parlaklık değerleridir, tıpkı Tailwind veya tasarım sistemi renk ölçekleri gibi. Ardından dört uyum şeması üretir: tamamlayıcı, komşu (analogous), üçlü (triadic) ve bölünmüş tamamlayıcı. Her renk kutusunun altında HEX değeri gösterilir.

Uyum türleri ne işe yarar

Tamamlayıcı renkler güçlü kontrast ve vurgu için karşı karşıya tonlardır; komşu renkler renk çarkında yan yana durur ve sakin, uyumlu tasarımlar verir; üçlü şema dengeli ama canlı üç renk sunar; bölünmüş tamamlayıcı ise tamamlayıcının yumuşatılmış halidir. Bir renge tıkladığınızda HEX kodu panoya kopyalanır ve onay işareti görünür.

Sıkça sorulan sorular

Tonlar (100–900) nasıl üretiliyor?

Ana renginizin tonu ve doygunluğu korunur; yalnızca parlaklık (HSL'deki L) %10'dan %90'a kadar değiştirilerek dokuz açık-koyu kademe elde edilir.

Bir rengin HEX kodunu nasıl alırım?

Herhangi bir renk kutusuna tıklamanız yeterli; HEX değeri otomatik olarak panonuza kopyalanır ve kutuda bir onay işareti belirir.

Komşu ile bölünmüş tamamlayıcı arasındaki fark nedir?

Komşu renkler ana tona ±30° uzaklıkta yan yana tonlardır; bölünmüş tamamlayıcı ise tam karşıdaki tonun iki yanından (150° ve 210°) seçilen renklerdir.