Renk Şeması Oluşturucu

Bir temel renk seçin ve tam palet alın, tamamlayıcı, benzer, üçlü, dörtlü veya monokromatik. Herhangi bir rengi HEX, RGB veya HSL olarak kopyalayın. Hiçbir şey tarayıcınızı terk etmez.

Renk Şeması Oluşturucu nasıl çalışır

Renk Şeması Oluşturucu, seçtiğiniz tek bir temel renkten eksiksiz renk paletleri oluşturur: tamamlayıcı (ton çemberinde karşı taraf), analog (bitişik tonlar), üçlü (eşit aralıklı üç), dörtlü (iki tamamlayıcı çiftte dört ton) ve monokromatik (aynı tonun değişen parlaklık ve doygunluğu). Tüm palet mantığı tarayıcıda çalışır; girdiğiniz hiçbir şey cihazınızdan çıkmaz.

Oluşturulan her palet, kopyalamaya hazır HEX ve RGB değerleriyle birlikte örnekler gösterir. Bu, tasarımcılara tahmin yerine renk teorisine dayanan bir başlangıç noktası sağlar. Oluşturucu, ilk sayfa yüklendikten sonra çevrimdışı kullanılabilir olduğundan, bir müşteri toplantısında ağ bağlantısına ihtiyaç duymadan marka renkleriyle özgürce deney yapabilirsiniz. Temel renginizi elinizdeki gösterimle, HEX, RGB ya da HSL olarak girin; oluşturulan her örnek, tasarım aracınızın beklediğini kopyalayabilmeniz için üçünde de geri verilir.

Yazan: Bastien Sulyan

Renk Şeması Oluşturucu nasıl kullanılır, adım adım

Renk seçiciyi kullanarak veya HEX değeri yazarak bir temel renk seçin.
Sekmelerden bir uyum türü seçin: tamamlayıcı, analog, üçlü, dörtlü veya monokromatik.
Palet örnekleri HEX ve RGB değerleriyle birlikte anında görünür.
Panosuna HEX değerini kopyalamak için herhangi bir örneğe tıklayın.
Varyasyonları keşfetmek için temel rengi ayarlayın ve tüm paletin güncellendiğini izleyin.

Yaygın kullanım örnekleri

Yeni bir marka kimliği üzerinde çalışan bir tasarımcı, birincil rengini seçer ve bir müşteriye üç renkli kombinasyonlar önermek için üçlü palet oluşturur.
Karanlık mod teması oluşturan bir geliştirici, tek bir marka renginden tonlar ve gölgeler aralığı oluşturmak için monokromatik paleti kullanır.
Bir içerik oluşturucu, sert kontrast olmadan uyumlu hissettiren bir sunum için aksan renkleri seçmek amacıyla analog paleti tercih ediyor.
Bir UI tasarımcısı, birincil marka rengine karşı öne çıkan yüksek kontrastlı aksan rengi belirlemek için tamamlayıcı paleti kullanıyor.

Sık sorulan sorular

Tamamlayıcı palet nasıl çalışır?

Tamamlayıcı renk, HSL renk çemberinde temel renginin tam karşısındaki tondur, 180 derece uzakta. Tamamlayıcı renkleri yan yana yerleştirmek maksimum kontrast oluşturur. Araç, temel rengi ve tamamlayıcısını, her birinin açık ve koyu varyantlarıyla birlikte gösterir.

Üçlü ve dörtlü paletler arasındaki fark nedir?

Üçlü palet, renk çemberinde 120 derece arayla eşit aralıklı üç ton kullanır. Dörtlü palet, iki tamamlayıcı çift oluşturarak 90 derece arayla dört ton kullanır (çift tamamlayıcı veya kare palet olarak da bilinir). Dörtlü paletler daha karmaşıktır ve görsel gürültüden kaçınmak için oranların dikkatli dengelenmesini gerektirir.

Seçtiğim renkler depolanıyor veya herhangi bir yere gönderiliyor mu?

Hayır. Palet oluşturma, temel rengin HSL gösterimi üzerinde aritmetiktir: ton açısını sabit miktarlarda döndürmek, parlaklık ve doygunluğu değiştirmek. Her hesaplama tarayıcıda yerel olarak çalışır; hiçbir şey herhangi bir sunucuya gönderilmez.

Paleti CSS dosyası veya tasarım token dosyası olarak dışa aktarabilir miyim?

Araç şu anda kopyalanabilir HEX ve RGB değerleriyle örnekler gösteriyor. Tam CSS özel özellikler dışa aktarımı veya tasarım token JSON için, değerleri manuel olarak projenizin token dosyasına veya CSS dosyasına kopyalayın. Özel bir dışa aktarma düğmesi ilerleyen bir güncellemeye eklenebilir.

Bu oluşturucu herhangi bir resmi renk teorisi standardını takip ediyor mu?

Palet hesaplamaları, çoğu web tasarım aracındaki kural olan HSL renk uzayındaki standart ton döndürme formüllerini kullanır. HSL'nin tam algısal tekdüzeliği LAB veya OKLCH'ye kıyasla sınırlılıklar taşır, ancak HSL döndürmeleri, tasarımcıların genellikle beklediği renk çemberi kurallarıyla örtüşen paletler üretir.

İlgili araçlar

Her şeyi yerel tutun, tamamlayıcı araçları keşfedin.

Tüm geliştirici araçları