Etkileşimli renk tekerleğinden uyumlu renk paletleri oluşturun — analogous, complementary veya triad gibi uyum kuralları uygulayın, ardından herhangi bir değeri anında kopyalayın.

Parlaklık 100%
Uyum kuralı
Etkin renk
HEX
RGB
HSL
Palet

Bir uyum kuralı ve temel renk seçin, ardından ince ayar için tekerlek işaretçilerini sürükleyin. Kopyalamak veya yeni temel renk olarak ayarlamak için herhangi bir renk kartına tıklayın.


Renk Paleti Oluşturucu Hakkında

Color Palette Generator, etkileşimli bir renk çemberinden uyumlu renk şemaları oluşturur. Bir taban renk seçin, bir uyum kuralı belirleyin — analog, tek renkli, üçlü, tamamlayıcı, bölünmüş tamamlayıcı, kare, tonlar veya tamamen özel — ve araç, ince ayar için çember üzerinde sürüklenebilir işaretleyicilerle eşleşen bir paleti anında hesaplar.

Her renk örneği HEX, RGB, HSL ve HSB değerlerini gösterir ve paletteki herhangi bir renk tek tıkla yeni taban renk olarak ayarlanabilir. Bir parlaklık kaydırıcısı, ton ilişkileri sabit kalırken tüm şemayı daha açık veya daha koyu kaydırır; bu da bir şemanın varyasyonlarını keşfetmeyi çok hızlı hale getirir.

Her şey tarayıcınızda HSV çemberi üzerinde renk-teorisi matematiği kullanılarak canlı olarak hesaplanır — yükleme yoktur, sunucuya gidip gelme yoktur. Palet istediğiniz gibi göründüğünde, tek tek değerleri, tüm renkleri birden, hazır CSS değişkenlerini veya bir JSON dışa aktarımını kopyalayın.

Renk Paleti Oluşturucu Nasıl Kullanılır

  1. Seçiciyle bir taban renk seçin, bir değer yazın veya "Rastgele"ye tıklayın.
  2. Analog, tamamlayıcı, üçlü veya kare gibi bir uyum kuralı seçin.
  3. Şemayı ince ayarlamak için çember üzerindeki işaretleyicileri sürükleyin ve parlaklık kaydırıcısını ayarlayın.
  4. Bir renk örneğini kopyalamak için tıklayın veya yinelemek üzere onu yeni taban renk olarak ayarlayın.
  5. Paleti "Tümünü kopyala", "CSS değişkenlerini kopyala" veya "JSON'ı kopyala" ile dışa aktarın.

Sıkça sorulan sorular

Evet, tamamen ücretsizdir. Palet matematiği tamamen tarayıcınızda çalışır, bu yüzden herhangi bir kredi, hesap veya kullanım sınırı yoktur.

Her kural, diğer palet renklerini taban renginize göre çember üzerinde sabit açılara yerleştirir: tamamlayıcı karşıya oturur (180°), üçlü renkleri 120° aralıklarla yerleştirir, analog komşuları birbirine yakın tutar, bölünmüş tamamlayıcı karşıt tonun iki yanına yerleşir ve kare dört tonu 90° aralıklarla yerleştirir.

Analog veya tek renkli şemalar arayüzler için en güvenli seçenektir çünkü sakin ve tutarlı hissettirirler. Baskın bir taban tona karşı düğmeler ve harekete geçirici çağrılar için güçlü bir vurgu rengine ihtiyacınız olduğunda tamamlayıcı veya bölünmüş tamamlayıcıyı kullanın.

Evet. Özel kurala geçin ve her işaretleyiciyi çember üzerinde bağımsız olarak sürükleyin, ya da herhangi bir uyum kuralından başlayıp ayarlama için işaretleyicileri sürükleyin — araç, siz onları hareket ettirdikçe paleti güncel tutar.

Her renk örneği HEX, RGB, HSL ve HSB değerlerini gösterir; hepsi tek tek kopyalanabilir. Ayrıca paletin tamamını düz değerler olarak, bir stil sayfası için hazır CSS özel özellikleri olarak veya koda ya da tasarım araçlarına devretmek için JSON olarak kopyalayabilirsiniz.


Popüler aramalar
renk paleti oluşturucu renk çemberi renk uyumu oluşturucu tamamlayıcı renkler analog renk şeması ücretsiz palet oluşturucu
Yardıma mı ihtiyacınız var?
Bu araçta bir sorun mu buldunuz? Ekibimize bildirin.
Sorun bildir

Bu ücretsiz aracı kendi web sitenize ekleyin — aşağıdaki kodu kopyalayıp yapıştırın.