İçeriğe atla
SPCXTools

Renk Paleti Oluşturucu

Bir renk seçin ve renk teorisine dayanan uyumlu beşli renk paletinizi oluşturun.

Yerel çalışır — dosyalarınız cihazınızdan dışarı çıkmaz

Araç yükleniyor…

Renk Paleti Oluşturucu nasıl kullanılır

  1. 1Renk seçiciyle bir temel renk belirleyin, bir HEX/RGB/HSL değeri girin veya Rastgele butonuna tıklayın.
  2. 2Tamamlayıcı, benzer veya üçlü gibi bir renk şeması seçin.
  3. 3HEX kodunu kopyalamak için herhangi bir renk kutusuna tıklayın.
  4. 4Tüm paleti CSS değişkenleri veya JSON olarak kopyalayın.

Tek bir renkten renk paleti oluşturun

Uyumlu renkleri seçmek; web sitesi, uygulama, sunum, logo veya afiş tasarlamanın en zor kısımlarından biridir. Renk teorisi, renk çarkındaki renkler arasında kanıtlanmış ilişkiler sunar ve bu renk paleti oluşturucu bunları sizin için otomatik olarak uygular. Beğendiğiniz bir renkle veya marka renginizle başlayın, bir şema seçin ve projenize kopyalamaya hazır beş uyumlu renk elde edin.

Özellikler

  • Yedi renk şeması: Tamamlayıcı, analog, triadik, bölünmüş tamamlayıcı, tetradik, monokromatik ve tonlar.
  • İstediğiniz başlangıç rengi: HEX, RGB, HSL veya CSS renk adı olarak girin ya da rastgele bir renk seçin.
  • Tıkla ve kopyala: Herhangi bir renk örneğine tıklayarak anında kopyalayın.
  • Dışa aktarma: CSS özel özellikleri veya JSON dizisi olarak dışa aktarın.
  • Okunabilir etiketler: Kontrast sağlamak için siyah ve beyaz arasında otomatik geçiş yapan etiketler.

Hangi şemayı kullanmalı?

Şema His Kullanım Alanı
Tamamlayıcı Cesur, yüksek kontrast Eylem çağrısı (CTA) butonları, spor, satış
Analog Sakin, uyumlu Doğa, sağlık, arka planlar
Triadik Canlı, dengeli Çocuk ürünleri, illüstrasyonlar
Bölünmüş tamamlayıcı Canlı ama daha az keskin Tek bir güçlü vurguya ihtiyaç duyan web siteleri
Tetradik Zengin, renkli İnfografikler ve grafikler
Monokromatik Zarif, minimal Kurumsal siteler, portfolyolar
Tonlar Sistematik Tasarım sistemleri, UI (arayüz) durumları

Paletten tasarıma

Paletinizi oluşturduktan sonra, Renk Kontrastı Kontrol Aracı ile metnin her arka planda okunabilir olduğunu kontrol edin, Renk Dönüştürücü ile renkleri baskı için RGB, HSL veya CMYK'ya dönüştürün ve CSS Gradient Oluşturucu ile bunlardan ikisini pürüzsüz bir arka plana çevirin.

Sıkça sorulan sorular

Tamamlayıcı renk şeması nedir?
Tamamlayıcı renkler, mavi ve turuncu gibi renk çarkında birbirinin tam karşısında yer alır. Bu güçlü kontrast, vurguların ve harekete geçirici mesajların öne çıkmasını sağlar. Bir rengi ana renk olarak, tamamlayıcı rengi ise ölçülü bir şekilde kullanın.
Analog, triadik ve tetradik renkler arasındaki fark nedir?
Analog renkler renk çarkında yan yanadır; sakin ve uyumlu bir his verir. Triadik renkler 120° aralıklarla eşit dağılır; canlı ama dengelidir. Tetradik (kare) paletler ise 90° aralıklı dört renk tonu kullanır ve en renkli olanıdır; genellikle tek bir baskın renkle kullanıldığında en iyi sonucu verir.
Bir web sitesinde beş renkli bir paleti nasıl kullanmalıyım?
Yaygın bir yaklaşım 60-30-10 kuralıdır: Yaklaşık %60 nötr arka plan, %30 ana renk ve %10 vurgu rengi. Metinler için en koyu rengi tercih edin ve her metin-arka plan kombinasyonunu bir kontrast test aracı ile kontrol edin.
Kendi marka rengimden başlayabilir miyim?
Evet. Markanızın HEX kodunu temel renk olarak girin; tüm renk şemaları bu rengin etrafında oluşturulacaktır. Bir logodan veya web sitesi ekran görüntüsünden marka renginizi bulmak için Görselden Renk Seçici aracını kullanabilirsiniz.
Renkler nasıl hesaplanıyor?
Temel renk HSL (ton, doygunluk, parlaklık) formatına dönüştürülür. Renk şemaları, renk çarkı üzerinde tonu belirli açılarla döndürerek oluşturulur. Monokromatik paletler ve gölgeler ise tonu sabit tutup parlaklığı değiştirerek elde edilir.