WordPress Web Sitenizin Renk Paletini Seçmenize Yardımcı Olması İçin Paletton'u Kullanma

Bu yazıda, WordPress web sitenizin renk paletini seçmek için Paletton'u nasıl kullanacağınıza bakacağız. Paletton, size çok zaman kazandıracak, kullanımı kolay bir çevrimiçi renk paleti üreticisidir. Her web tasarım müşterisinin bir marka renk şeması olmayacak ve web siteleri için renkleri seçmek size düşecek. Paletton'un kullanışlı olduğu yer burasıdır.

Online olarak mevcut tüm seçenekler arasında Paletton, canlı örnek özelliği nedeniyle favorilerden biridir. Uygulama birkaç yıldır güncellenmedi ama neyse ki hala ihtiyacınız olan şey için mükemmel çalışıyor. Uygulamayı Paletton.com'da bulacaksınız. Etrafındaki Google reklamlarını görmezden gelin ve gitmeye hazırsınız.

Web Siteniz İçin Doğru Renkleri Seçmek Neden Önemlidir?

Paletton uygulamasının nasıl kullanılacağına derinlemesine bakmadan önce, bir web sitesinde doğru renk paletine sahip olmanın neden önemli olduğunu kısaca gözden geçirelim. Bildiğiniz gibi renkler izleyicinin duygularını ve nihayetinde kararlarını etkileyen bilinçaltı mesajlar taşır. Renkler ayrıca web sitesinin şirket markasını da temsil etmelidir.

Bir web sitesi için bir renk paleti seçmenin en iyi yolu, onun canlandırmasını istediğiniz ruh halini düşünmektir. Nasıl ki iç mimarlar bir mekana belirli bir hava katmak için renkleri seçiyorsa, aynısını bir web sitesi için de yapabilirsiniz. İlk izlenimleri düşünün; Birisi parlak, canlı renklere sahip bir web sitesine girdiğinde memnun olacak ve hatta gülümseyebilir. Nötr bastırılmış bir palete sahip bir web sitesi, bir kişiyi sakinleştirebilir ve bir rahatlık duygusu aşılayabilir.

Elbette seçtiğiniz renklerin de markaya uygun olması gerekir. Web tasarımcısı olarak sizin odak noktanız olan kombinasyon ve tonalitedir. Bir paletteki renklerin en iyi kullanımını seçmek de bir sitenin havası için önemlidir.

Bu nedenle Paletton, favori renk paleti oluşturucularından biridir. Bir web sitesinde bir renk paletinin farklı kombinasyonlarda nasıl uygulandığını önizleyebilirsiniz. Bu, seçtiğiniz renkler hakkında daha iyi kararlar vermenize yardımcı olur. Açık renk yerine koyu rengi arka plana koymak, nihai tasarımda büyük bir fark yaratacaktır.

Tüm Renk Paletleri Bir Temel Renkle Başlar

Paletton'da oluşturduğunuz her renk paleti için çalışmak için bir temel renge ihtiyacınız olacak. Ancak hangi temel rengi kullanacağınızı nereden biliyorsunuz?

Müşterinin size verdiği içeriğe, marka bilgilerine ve size sağlanan görsellere bir göz atın.

• Müşterinizin renkli bir logosu varsa, bunu temel renginiz olarak kullanın.
• İstemcinin size verdiği görüntülerden bir veya iki rengi çıkarmak için bir damlalık aracı kullanın.
• Müşterinize, şirketlerinin ruh halini ve marka hikayesini sorun.
• Şablonlar veya alt temalar olarak veya portföyünüz için satmak üzere web tasarımları oluşturuyorsanız, tasarımınızla istediğiniz ruh haline göre bir renk seçin.

Paletton'da bir palet oluşturduğunuzda, görsel olarak bir temel renk veya temel renk onaltılı sekmesine bir onaltılık kod seçebilirsiniz.

Paletton Uygulama Arayüzünü Tanımak

Şimdi palet oluşturmaya başlama zamanı. Her şeyin nasıl kurulduğuna bir göz atalım. Uygulamanın iki ana bölümü vardır; sol taraf tamamen renkleri seçmekle, sağ taraf ise önizlemeleri görüntülemekle ilgilidir.

Önce soldaki renk seçim aracına bir göz atalım. Bu tarafta ne değiştirirseniz değiştirin, sağ tarafın sonuçlarını değiştirir, ancak önce her iki tarafın neler yapabileceğini anlamak en iyisidir.

Sol Taraf – Renk Seçiciler

Paletton Uygulamasına girdiğinizde ilk fark ettiğiniz şey renk çarkıdır. Varsayılan görünüm, tek renkli (1 renkli) bir palet içinde nötr kırmızı olarak temel renge sahiptir.

Renk çemberinin içinde bir çizgide 5 noktadan oluşan bir set göreceksiniz. Merkezdeki nokta temel renktir, iki nokta parlaklık ve doygunluk, diğer ikisi ise kontrast ve doygunluk ekler.

Renk Kombinasyonları

Renk çemberinin üzerinde beş kombinasyon düğmesi bulunur. Seçenekler soldan sağa:

• Monokromatik – 1 renk + isteğe bağlı tamamlayıcı
• Bitişik – 3 renk + isteğe bağlı tamamlayıcı
• Triadik – 3 renk + isteğe bağlı tamamlayıcı
• Tetrad – 4 renk
• Serbest stil – 4 renk

Ana renk

Temel rengi değiştirmek için aşağıdakilerden birini yapabilirsiniz:

1. Ana renkli noktayı dış dairenin herhangi bir yerine sürükleyin.
2. Dış dairede seçilen ana rengin farklı bir tonunu seçmek için orta noktayı dairenin içine sürükleyin
3. Sol alt sekmeye bir hex kodu girin.
4. İkincil rengi temel renge dönüştürmek için bunu ekranın önizleme tarafında yapmanız gerekir. Daha sonra.

Temel renk noktasını dairenin içine sürüklediğinizde, diğer tüm noktalar renk tonu çeşitlerini göstererek onunla birlikte hareket eder.

Sürüklemeden önce shift'e tıklayarak da tek tek renkleri seçebilirsiniz.

İnce ayar

Dairenin sol üst köşesindeki düğme, ince ayar için ton derecelerini elle girmenizi sağlar. Sağ alttaki butonla daha fazla ince ayar özelliği var. Burada, seçtiğiniz renklerle ilgili her şeye ince ayar yapabilirsiniz:

• renk tonu
• Doyma
• Parlaklık
• Zıtlık

Her efekti 1, 5 veya 10 derece eklemek veya azaltmak için düğmelere tıklamanız yeterlidir.

Temel Renge Göre Ön Ayarlar

Renk seçim alanı iki ana seçim seçeneğine sahiptir; Renkler ve Ön Ayarlar. Yukarıdaki renkler bölümüne baktık. Şimdi ön ayarlar sekmesini ziyaret edelim. Seçtiğiniz temel renge ve kombinasyona göre, ön ayarlar çeşitli değişkenler gösterecektir. Renk tonu, doygunluk, parlaklık ve kontrastla kendi başınıza uğraşmak istemiyorsanız bunlar yararlıdır.

Bu hazır ayarlar, seçtiğiniz renklerle nelerin mümkün olduğu ve ilkini tamamlayacak olası ikincil paletler olup olmadığı konusunda size iyi bir fikir verebilir.

Sağ Taraf – Palet Önizlemeleri

Paletton'un sağ tarafında tüm canlı önizlemeleri görebilirsiniz. Ana alan, monokromatik paletleri veya diğerlerini iki, üç veya dört renkle görselleştirebilmek için dört bölüme ayrılmıştır. Her renk bölümü, daha geniş alandaki temel rengi ve etrafındaki dört varyasyonu gösterir.

Aşağıdaki resimde renk seçici ve önizlemenin birlikte nasıl çalıştığını göreceksiniz.

Önizleme karesinin altında, önizlemelerin görünüşünü değiştirebileceğiniz bir sekme bulunur. Varsayılan görünüm kesinlikle en iyisidir, ancak her şeyin görünüşünü değiştirmek istemeniz durumunda, o düğme sizin için orada.

Temel Rengi Değiştirme

Önizleme bölümünde, ikincil veya tamamlayıcı renklerden birine tıklayarak bunları temel renge dönüştürebilirsiniz. Fareyle herhangi bir rengin üzerine gelin ve 'daha fazla bilgi'yi tıklayın. Bu renk için tüm bilgileri görmenin yanı sıra, 'Temel renk olarak uygula' yazan bir düğme göreceksiniz. Buna tıkladığınızda paletteki tüm renkler değişecektir.

Paletton'un Görüş Simülasyonu Özelliğini Kullanma

Paletton'un en büyük özelliklerinden biri, beklenmedik durumlarda renklerinizin nasıl görüneceğini değerlendirme yeteneğidir. Özelliğin adı 'Görüş simülasyonu' ve bunu önizleme karesinin altında bulacaksınız. Bunlar mevcut simülasyonlardır:

• Renk Körlüğü Simülasyonu
• Solgunlaştırma
• Gama Simülasyonu
• Web renkleri (eski 216 renk paleti)

Bir web sitesi için bir palet oluşturuyorsanız bu harika bir araçtır. Paletinizin tüm bu durumlarda iyi görünüp görünmeyeceğini görebilirsiniz. En kullanışlı olanı renk körlüğü simülasyonudur. Tüm renklerin birbirinden farklı olduğundan emin olmak iyidir!

Renk Paletinizin Canlı Örneklerini Görmek

Paletton'daki diğer bir pratik araç, paletin örnek bir web sitesinde ve diğer tasarım stillerinde nasıl görüneceğini gösteren sekmedir. Bu simülasyonları 'ÖRNEKLER…' sekmesinde bulabilirsiniz. İlk seçenek bir sayfa düzenidir ve bunun birkaç seçeneği vardır:

• Beyaz sayfa
• Karanlık sayfa
• pozitif tasarım
• Negatif tasarım

Uygulama, seçtiğiniz renk paleti ile size sanatsal tasarımların diğer simülasyonlarını gösterebilir. Bazı statik ve hareketli örnekler var. Bunlar, renk paletinizin ne kadar potansiyele sahip olduğu hakkında iyi bir fikir edinmek için pratiktir.

Ayrıca, bu aşamada paletinizi birkaç farklı şekilde rastgele ayarlayabilirsiniz:

• Benzer renkler, stilden farklı
• farklı
• Benzer
• Renklerin aksine, benzer tarz

Rastgele seçmeden önce paletinizin bir kopyasını aldığınızdan emin olun! Geri dönüş yok.

Bir Renk Paletini Dışa Aktarma ve Kopyalama

Renk paletinizi ayarlayıp ön izlemesini yaptığınıza göre, şimdi Paletton'dan dışa aktarma ve web siteniz için hazırlama zamanı.

Paletinizi kopyalamanın veya dışa aktarmanın birkaç farklı yolu vardır. Pencerenin sağ üst köşesinde 'palet paylaş' yazan ancak bir süre önce kırılmış gibi görünen bir düğme var. Hiçbir şey yapmadığı için bu düğmeyi görmezden gelin.

Paletinizi şu diğer yollardan herhangi birini kopyalayın:

• Tek tek renkler için onaltılık kodları, görmek için üzerine getirerek ve bilgi penceresini açmak için tıklayarak kopyalayın.
• Paletleri farklı formatlarda görmek için 'TABLOLAR/İHRACAT' üzerine tıklayın.
• TABLOLAR/İHRACAT' sekmesi içinde, şu biçimlerden herhangi birinde dışa aktarın:
  • Renk Listeleri
    • HTML
    • AZ
    • CSS
    • SASS
    • XML
    • Metin
  • Renk Örnekleri
    • PNG Resmi
    • ACO (Photoshop)
    • GPL (Gimp)
• Ayrıca seçilen paletteki renk kombinasyonlarını da görüntüleyebilirsiniz.

WordPress Web Sitenize Renkler Ekleme

Şimdi gerçekten renkleri sitenize eklemenin zamanı geldi!

Paletton uygulaması 6 yılı aşkın süredir güncellenmediğinden, basit metin sürümünü indirmeniz ve stil sayfanıza renkleri manuel olarak girmeniz daha iyi olur. Dışa aktarma özellikleri, web sitenizin HTML veya CSS stil sayfasıyla çalışmayabilir.

Divi temanıza renk eklemek için Tema Seçeneklerinize gidin ve her rengi ilgili hex koduyla girin.

Bu bir Renk Sargısı!

Paletton ile bir renk paleti oluşturma adımlarını gözden geçirdik. Uygulamanın temel özellikleri diğer renk paleti uygulamalarına benzer, ancak onu diğerlerinden ayıran şey, hem web tasarımı hem de diğer sanatsal tasarımlar için canlı örneklerde renkleri görebilme yeteneğidir. Uygulamanın 6+ yıldır güncellenmemiş olması üzücü. Neyse ki, bu Google reklamları aracılığıyla hayatta kalıyor gibi görünüyor!.

Favori renk paleti oluşturucu uygulamanız hangisi? Paletton'u denediniz mi? Yorumlarda bize bildirin!

DaGaAl / Shutterstock.com üzerinden Öne Çıkan Görsel