Renk Kombinasyonu Öneri Aracı

Profesyonel renk paleti oluşturucu; tek ton, tamamlayıcı renkler ve üçlü renk grubu gibi çeşitli renk uyumu modlarını destekler, paletleri toplu olarak oluşturup dışa aktarabilir.

Hata bildirimi

Tarayıcı yürütme modu: Verileriniz tarayıcınızda işlenir ve sunucuya yüklenmez.

Hız ve kararlılık: İşleme hızı cihazınıza ve tarayıcınıza bağlıdır. Büyük toplu işler için masaüstü sürümü daha kararlı olabilir.

Araç yükleniyor, lütfen bekleyin...

Çevrimiçi araç yüklenmez veya çalışmazsa masaüstü aracını deneyin. https://tools.yikeaigc.com/

Araç Kullanımı

Eski sürüme dön

Önce ayarla, sonra işle

Önce ana rengi ve renk kuralını belirleyin, sonra dışa aktarılabilir palet oluşturun

Örnek renklerle hızlı başlayabilir veya HEX girerek net renk seçebilirsiniz. Her adımda sonraki düğmesi vardır; ayarlardan sonra oluşturun, kaydedin ve indirin.

HEX / RGB / HSL / CMYK Tek ton / Tamamlayıcı / Üçlü CSS / SCSS / JSON / PNG Ayarlar kaydedilebilir

Geçerli ana renk Kopyalamak için renk değerine tıklayın

HEX

RGB

HSL

Ana renk ayarı

Lütfen önce ana rengi ayarlayın. Renk seçici, HEX alanı veya HSL kaydırıcıları kullanılabilir; palet parametrelerle anlık güncellenir.

Temel renk6 haneli HEX desteklenir

HEX renk değeri Örnek: #0F6FAE

CMYK

HSL ince ayarTon, doygunluk ve parlaklığı ince ayarlamak için uygundur

Renk tonu205°

Doygunluk78%

Parlaklık37%

Palet adı

Örnek renklerTıkladıktan sonra ayarlamaya devam edebilirsiniz

Renk kuralı

Bir renk modeli seçin, ardından renk sayısını ve açık/koyu kaymasını ayarlayın. Önce varsayılan değerlerle bir kez oluşturmanız, sonra tasarım senaryosuna göre ince ayar yapmanız önerilir.

Renk modeliBenzer renkler uyumlu ve yumuşak görsel stil için uygundur

Oluşturma parametreleriÖnce parametreleri ayarla, sonra önizle

Renk sayısı

Komşu açı24°

Doygunluk kayması0%

Parlaklık kayması0%

Nötrleştir8%

Sıralama

Gradyan türü

Gradyan açısı90°

Önizleme ince ayarı

Her rengin kodunu, metin okunabilirliğini ve arayüz önizlemesini kontrol edin. Kopyalamak için bir renk değerine tıklayın.

Renk şeması5 renk

Arayüz önizlemesiBirincil/ikincil ilişkiyi hızla görmek için

Gradyan koduDoğrudan CSS’ye kopyalanabilir

Kaydet ve dışa aktar

Geçerli paleti dışa aktarabilir veya toplu paletler oluşturabilirsiniz. Toplu sonuçlarda yalnızca ilk 20 gösterilir; indirmede tüm sonuçlar bulunur.

Toplu seçeneklerMiktarı ihtiyaca göre ayarlayın

Palet sayısı

Değişim aralığı

Dışa aktarılacak içerikDosya ve kod için

HEX RGB HSL CMYK

JSON CSS SCSS PNG

İndirme işlemiZIP tüm toplu sonuçları içerir

Toplu SonuçlarHenüz toplu oluşturulmadı

Önce ana rengi ve renk kurallarını ayarlayın, ardından “Toplu oluştur”a tıklayın.

Kaydedilen paletler0 adet

Kaydedilen paletler burada görünür; yeniden uygulayabilir veya silebilirsiniz.

Talimatlar

Yazılım Kullanım Talimatları

Ana rengi ayarlayın:“Ana renk ayarları” bölümünde renk seçici, HEX giriş kutusu veya HSL kaydırıcılarıyla temel rengi ayarlayın; örnek renklere tıklayarak hızlıca da yükleyebilirsiniz.
Renk uyumu kuralını seçin:
- Tek renk tonu:Aynı renk tonu temelinde açık-koyu katmanlar oluşturur; tutarlı stil tasarımları için uygundur.
- Benzer renkler:Komşu renk tonlarını seçer; yumuşak ve katmanlı görsel efektler için uygundur.
- Tamamlayıcı renkler:Renk çemberinin karşı tarafındaki renkleri kullanır; butonları, başlıkları ve önemli içerikleri vurgulamak için uygundur.
- Bölünmüş tamamlayıcı:Kontrast ilişkisine yumuşatıcı renkler ekler; kampanya görselleri ve etkinlik tasarımları için uygundur.
- Üçlü, dörtlü ve kare renkler:Grafikler, kategori etiketleri ve çok modüllü arayüzler için uygundur.
- Nötr renkler:Kurumsal sayfalar, araç arayüzleri ve belge türü tasarımlar için uygundur.
Oluşturma parametrelerini ayarlayın:Renk sayısını, komşu açıyı, doygunluk kaymasını, parlaklık kaymasını, nötrleştirme oranını, sıralama yöntemini ve gradyan açısını ayarlayın.
Renk paletini önizleyin:“Önizleme ve ince ayar” bölümüne girerek her rengin HEX, RGB, HSL ve kontrast bilgilerini görüntüleyin; renk değeri butonuna tıklayarak kopyalayabilirsiniz.
Paleti ve ayarları kaydedin:“Geçerli paleti kaydet”e tıklayarak renk paletini favorilere ekleyebilir, “Ayarları kaydet”e tıklayarak mevcut parametreleri daha sonra kullanmak üzere kaydedebilirsiniz.
Toplu oluşturma:“Kaydet ve dışa aktar” bölümüne girerek palet sayısını ve değişim aralığını ayarlayın, ardından “Toplu oluştur”a tıklayarak birden fazla renk paleti oluşturun. Arayüz ilk 20 paleti gösterir; indirme sırasında tüm sonuçlar dahil edilir.
Dosya dışa aktarma:JSON, CSS, SCSS ve PNG dosyalarını ayrı ayrı indirebilir veya dışa aktarılacak içerikleri seçtikten sonra ZIP arşivi indirebilirsiniz.

Sık Sorulan Sorular

Cevap:Tek renk tonu marka genişletmeleri ve sade arayüzler için uygundur; benzer renkler yumuşak ve tutarlı sayfalar için uygundur; tamamlayıcı renkler önemli bilgileri vurgulamak için uygundur; üçlü renkler grafikler ve çok modüllü yerleşimler için uygundur; nötr renkler kurumsal araçlar ve belge senaryoları için uygundur.

Cevap: HEX giriş kutusuna örneğin #0F6FAE gibi bir renk kodu girin; araç renk seçiciyi, HSL kaydırıcılarını ve renk paleti önizlemesini eşzamanlı olarak günceller. Renk tonu, doygunluk ve parlaklık kaydırıcılarıyla ince ayar da yapabilirsiniz.

Cevap: CSS dosyası, web sayfası stillerinde kullanılabilecek değişken biçiminde renk kodları oluşturur; SCSS dosyası ise Sass projeleri için uygundur. Her iki format da tasarım sistemlerinde, tema değiştirmede ve bileşen stillerinde yeniden kullanım için elverişlidir.

Cevap: Toplu oluşturma, mevcut ana renk, renk uyumu kuralları ve değişim aralığına göre renk tonu, doygunluk ve parlaklık değerlerinde makul kaydırmalar yapar; böylece birbiriyle stil açısından ilişkili ancak tekrar etmeyen birden fazla renk paleti elde edilir.

Cevap: Kaydedilen paletler mevcut cihazın yerel depolamasına kaydedilir. Site verileri temizlendiğinde veya cihaz değiştirildiğinde, daha önce kaydedilen paletler görüntülenmeyebilir; önemli paletleri zamanında dosya olarak dışa aktarmanız önerilir.

Cevap: Hayır. Renk hesaplamaları, palet kaydetme ve dosya oluşturma işlemlerinin tamamı mevcut cihazda yapılır; ana renk, paletler ve dışa aktarılan içerik sunucuya yüklenmez.

Cevap: “Önizleme İnce Ayarı” bölümünde her rengin beyaz yazıyla ve koyu yazıyla kontrastını görüntüleyin. Değer ne kadar yüksekse metin o kadar okunaklı olur. Gövde metni arka planı olarak kullanırken kontrastı daha yüksek olan metin rengini seçmeniz önerilir.