Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress Siteniz İçin Mükemmel Bir Renk Şeması Nasıl Seçilir?

Editoryal Not: WPBeginner üzerindeki ortak bağlantılardan komisyon kazanıyoruz. Komisyonlar, editörlerimizin görüşlerini veya değerlendirmelerini etkilemez. Editoryal Süreç hakkında daha fazla bilgi edinin.

Web sitenizin renk düzenine karar vermekte zorlanıyor musunuz?

Doğru renk kombinasyonunu seçmek web sitenizin çekiciliğini artırabilir, kullanıcı deneyimini iyileştirebilir, marka kimliği oluşturabilir ve satışlarınızı ve dönüşümlerinizi artırabilir.

Bu makalede, WordPress siteniz için mükemmel bir renk düzenini nasıl kolayca seçebileceğinizi göstereceğiz.

Choosing color scheme for your website

Renklerin Psikolojisini Anlamak

Renklerin insan tepkilerini etkileyebildiği iyi araştırılmış bir teoridir. Renkler, günlük hayatımızda aldığımız kararlar ve yaptığımız seçimler üzerinde duygusal bir etkiye sahiptir. Buna renk psikolojisi denir.

Büyük şirketler, ürünleri için iyi hazırlanmış bir marka imajı ve kimliği oluşturmak için milyonlarca dolar harcıyor. Markaları, ürünleri ve web siteleri için mükemmel renk kombinasyonunu seçmeleri için uzmanları işe alırlar.

WordPress blogunuz için kullandığınız renkler, kullanıcılarınızda duygu ve hisler yaratabileceğinden marka imajınızın önemli bir parçasıdır.

Tamamlayıcı renkleri stratejik olarak kullanarak markanız için hedef kitlesinde yankı uyandıran akılda kalıcı bir kimlik oluşturabilirsiniz. Bu aynı zamanda siz ve müşterileriniz arasında güven tesis edebilir.

Peki, hangi renkleri kullanacağınıza ve kullanıcılarınızda hangi duyguları yaratmak istediğinize nasıl karar veriyorsunuz?

Şanslısınız ki, pazarlamacılar ve psikologlar zaten pek çok araştırma yaptı.

Örneğin, birçok yemek blogu ve restoran açlıkla ilişkilendirildikleri için kırmızı, turuncu veya sarı renkleri kullanır. Kırmızı dikkat çekici bir renktir, sarı ve turuncu ise heyecanı teşvik ederek sıcak ve samimi bir atmosfer yaratır.

Benzer şekilde, çoğu banka güven, sakinlik ve güvenilirliği ifade ettiği için mavi rengi kullanır.

Renkleri ve anlamlarını daha iyi anlamak için bu infografiğe bakmak isteyebilirsiniz:

Psychology of Colors
  • Kırmızı: Gençliğin ve neşenin rengidir. Cesaret ve güveni yansıtır.
  • Yeşil: Yatıştırıcı, sakinleştirici bir etki yaratır. Huzurlu, ilerici ve sakin bir duygusal tepki uyandırır.
  • Mavi: Güven, güç ve güvenilirliği yansıtır.
  • Siyah: Sofistike, sağlam, güvenli bir duygusal tepki oluşturur.
  • Beyaz: Netlik ve sadelik beyazın en önemli iki etkisidir.
  • Sarı: İyimserliğin, sıcaklığın ve samimiyetin rengi.
  • Turuncu: Eğlenceli, arkadaş canlısı, kendinden emin ve neşeli bir etki yaratır.
  • Pembe: Duygusallık, kadınsılık, romantizm ve aşk pembe ile ilişkilendirilen duygulardır.

WordPress için Renk Şeması Seçerken Dikkat Edilmesi Gereken Diğer Hususlar

Renklerin istediğiniz şekilde çalışması için bağlam gerekir. Markanız veya ürününüz, seçtiğiniz renklerle uyumlu olabilecek veya olmayabilecek belirli çağrışımlara zaten sahip olabilir.

WordPress web siteniz için bir renk düzeni seçmeden önce göz önünde bulundurmanız gereken birkaç şey vardır.

İlk olarak, mevcut marka imajını göz önünde bulundurmalısınız. Halihazırda bir logonuz ve diğer pazarlama malzemeleriniz varsa, web sitenizde mevcut renkleri kullanabilirsiniz.

Web sitesi tasarımı için hangi renklerin iyi görüneceğini de göz önünde bulundurmanız gerekir.

Örneğin, parlak mavi bir renk şahsen harika görünebilir ancak ekranınızda en iyi arka plan rengi olmayacaktır.

Sitenizdeki kaydırıcılar, videolar, resimler ve harekete geçirici mesaj düğmeleri gibi diğer medyaları da düşünmeniz gerekir. CTA düğmeniz, metin renginiz ve kaydırıcılarınız için kullandığınız renkleri tamamlayan bir arka plan seçtiğinizden emin olun.

Son olarak, erişilebilirliği de aklınızda bulundurmalısınız. İyi bir renk şeması, ziyaretçilerinizin görme bozukluğu olsa bile okunmasını kolaylaştıracak kadar kontrasta sahiptir, ki dünya çapında pek çok insan bunu yapmaktadır.

Daha fazla talimat için WordPress sitenizde erişilebilirliği geliştirmeye yönelik adım adım kılavuzumuza bakın.

Video Eğitimi

Subscribe to WPBeginner

Yazılı talimatları tercih ediyorsanız veya daha fazla ayrıntıya ihtiyacınız varsa, okumaya devam edin.

WordPress için Renk Şeması Oluşturma

WordPress web siteniz için uygun renkleri seçtikten sonra, sınırsız sayıda renk paleti oluşturmak için kullanabileceğiniz birkaç çevrimiçi araç vardır.

Markanızı ve kullanıcılardan almak istediğiniz tepkiyi temsil eden en az iki zıt renk seçmenizi öneririz.

Bununla birlikte, siteniz için doğru renk düzenini oluşturmak üzere kullanabileceğiniz çevrimiçi araçlara bir göz atalım.

1. Adobe Color CC

Adobe Color CC

Eskiden Kuler olarak bilinenAdobe Color CC, renk paletleri oluşturmak için harika bir araçtır.

Araç, bir spektrumdan renk seçmek için kullanılabilecek bir renk çarkına sahiptir. Görsel olarak hoş renk şemaları oluşturmak için tekerleği döndürmeden önce renk kurallarını bile seçebilirsiniz. Bu kurallar arasında tamamlayıcı, üçlü, analog ve tek renkli bulunmaktadır.

Ayrıca, paletteki her rengi manuel olarak ayarlayabilirsiniz ve geri kalan renkler renk kuralına uyacak şekilde otomatik olarak değişecektir. Fotoğraf yükleyerek ve bunlardan farklı renkler çıkararak da renk paletleri oluşturabilirsiniz.

Bunun dışında Adobe Color CC, marka bilinirliğinizi artırmak için önceden hazırlanmış renk şemalarını seçmek için kullanabileceğiniz geniş bir kütüphane de sunar.

2. COLOURLovers tarafından PHOTOCOPA

PHOTOCOPA

COLOURLovers, renk seçimleri ve fikirleri için en popüler yerlerden biridir. Renk şemaları oluşturmak için bazı harika araçları var. Bunlardan biri, fotoğraflardan bir renk şeması tasarlamanıza olanak tanıyan PHOTOCOPA‘dır.

Araç, bir fotoğraf yüklemenizi sağlar ve bir palet oluşturmak üzere görüntüden belirli renkleri seçmek için bir renk seçici kullanır.

Sıfırdan veya diğer kullanıcılar tarafından yüklenen mevcut paletleri kullanarak daha gelişmiş web sitesi renk paletleri oluşturmak için COPASO by COLOURlovers gibi araçları da kullanabilirsiniz.

3. Malzeme Paleti

Material Palette

Google’ın Material Design konseptinden esinlenen Material Palette, tasarım kurallarını kullanarak renk şemaları oluşturmanızı sağlayan kullanıcı dostu bir araçtır.

Yaklaşık 19 ana renk ve tonlarının yanı sıra kullanıcıların palet için herhangi bir renk tonu, doygunluk ve parlaklık seçmelerine yardımcı olan bir renk seçme aracı içerir.

Önceden hazırlanmış renk şemaları sunar ve hatta RGB veya HEX kodlarını girerek özel renkler oluşturmanıza olanak tanır.

Ayrıca Malzeme Paleti, renk paleti tasarımlarını bir web sitesinde veya mobil cihaz arayüzünde gerçek zamanlı olarak önizlemenize de olanak tanır.

4. Soğutucular

Coolord

Coolors iyi bilinen bir renk şeması oluşturucusudur. Monokromatik, analog, triadik, tamamlayıcı ve diğerleri gibi kullanıcının seçimine göre bir renk şeması oluşturur.

Araç, iki renk arasında gradyan oluşturmanızı sağlar. Hatta görme engelli kullanıcılar için paleti daha erişilebilir hale getirmek için öneriler sunan bir kontrast denetleyicisi ile birlikte gelir.

Ayrıca bir renk düzeni oluşturmak için Sketch, Photoshop ve Illustrator gibi popüler tasarım araçlarıyla entegre olabilir.

Coolor ile ayrıca renk paletlerinizi kaydedebilir, dışa aktarabilir ve internetteki diğer kullanıcılarla paylaşabilirsiniz.

Bonus: WordPress’te Yönetici Renk Düzenini Değiştirin

Siteniz için çekici bir renk düzeni oluşturmanın yanı sıra, size ve ekibinize özel bir WordPress panosu oluşturmak için yönetici renk düzenini de değiştirebilirsiniz.

Örneğin, bir restoran işletiyorsanız ve bunun için çevrimiçi sipariş kabul ediyorsanız, web sitenizi temsil etmek için WordPress arka ucunda kırmızı, sarı veya turuncu gibi renkler kullanmak isteyebilirsiniz.

Change admin area color

Benzer şekilde, kullanıcıların WordPress panonuza giriş yapabildiği bir üyelik siteniz varsa, kullanıcı deneyimini geliştirmek için çekici bir renk düzeni kullanabilirsiniz.

Kullanıcılar ” Profil sayfasını ziyaret ederek yönetici alanınızın renk düzenini kolayca değiştirebilirsiniz.

Bundan sonra, ‘Yönetici Renk Şeması’ bölümüne gidin ve web siteniz için önceden hazırlanmış 9 şemadan birini seçin.

Select new admin color scheme

Bunu yaptıktan sonra, ayarlarınızı kaydetmek için ‘Profili Güncelle’ düğmesine tıklamayı unutmayın.

Ayrıntılı talimatlar için WordPress’te yönetici renk düzeninin nasıl değiştirileceğine ilişkin eğitimimize bakın.

Bu makalenin WordPress siteniz için mükemmel renk düzenini nasıl seçeceğinizi öğrenmenize yardımcı olacağını umuyoruz. Ayrıca WordPress web sitenizde renkleri nasıl özelleştireceğinize ilişkin başlangıç kılavuzumuza ve bloglar için en iyi ücretsiz WordPress temalarına ilişkin uzman seçimlerimize de göz atmak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

20 yorumBir Cevap Bırakın

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Dayo Olobayo says

    I never realized how much thought goes into choosing a color scheme for a website. I’m going to try out some of the online tools you mentioned to see if I can come up with a better color scheme for my own site.

  3. Dennis Muthomi says

    I personally use a tool called Realtime Colors to help me out. It’s got a simple interface that lets you see how different color palettes would actually look on a real website. Makes it way easier to visualize and experiment with different options.
    definitely recommend checking it out if you’re struggling with finding the perfect colors for your site

    • Mrteesurez says

      Thanks for your recommendation, I am really struggling with finding colour combination, although I like blue but don’t know what perfect colour to use for links, heading and others that will be perfect fit and agreeable manner with blue.

      • Dennis Muthomi says

        hi…thanks for checking out my recommendation sir.
        For my site, I went with blue as the primary color too. You need to also focus on the CTA color.
        Here’s what I did: to make my call-to-action buttons really pop, I used a contrasting color that’s opposite blue on the color wheel. Canva has a great color wheel tool that shows those complementary colors :-)
        For blue, a nice vibrant yellow-orange works wonders to grab attention for the CTA buttons. Maybe give that a try and see if you can find a combo you like

  4. THANKGOD JONATHAN says

    Color scheme is very important to match with any website design. Please how can I change the text color of my blog posts and pages? The theme I am using doesn’t have it in the “Customize”

  5. Moinuddin Waheed says

    Having a good color combination for any website gives a sense of consistency and branding.
    I have noticed wpbeginner, there is consistent color every where and it gives a sense of branding.
    I have used coolers for my websites to get a color combination.
    Thanks for giving all the lists of possible options to explore color scheme for a websites.

  6. Andy says

    Hey everyone! I really wanted to make my site by myself – taking into account my preferences. But I also wanted the design of my site to appeal to visitors. I have tried many patterns and combinations. Thanks for your advice guys! With this article, I found a solution that I really like!

  7. Rudy SMT says

    Thanks for the article, I took the psychology of colors to heart.

    I just complete the recoloring of my website, I didn’t use professional software like Adobe or PhotoShop but instead an online palette generator and some other trick.

    I wrote down step by step how I picked the color and implemented on my website in less than 20 minutes without any professional design software.

    i love to keep things simple; I hope it will help others.

  8. Donnamarie says

    Thank you for the color theory and tools! I’m about to create my first website and really want to use a black background with pastel colored, not white, fonts. I prefer this schemata because it’s way easier on my eyes with the reduced glare. I’ve been using the net for almost 20 years and see very few sites with dark backgrounds. Some white font on black is fine, but pages of it is too much contrast for me too. I’ve noticed a trend of light grey font on white backgrounds and when I see a site with that scheme, I bounce because it’s too straining to read. I’d love comments on the following 2 questions:
    Does using a dark background really turn off the majority of potential subscribers?
    I’ve heard that most webpages are white because at first they were emulating books…why is the majority of pages white?

  9. Bryce Munger says

    One thing to consider with sites is how they will look to everyone. I am red/green colorblind and what looks sharp and crisp to you may drive my eyes bonkers. The same applies in reverse, a combo I like may not look good to others. I would recommend finding some friends or associates that are colorblind (or vice verse) and have them review your work.

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.