Apa Warna Terbaik untuk Situs Web?

Warna adalah salah satu komponen visual terpenting dari desain situs web. Ini dapat memengaruhi segalanya, mulai dari tingkat konversi Anda hingga cara pengunjung memandang merek Anda.

Tak perlu dikatakan, bahwa Anda harus mendapatkan skema warna situs web Anda dengan benar. Tapi warna apa yang harus Anda gunakan? Dan bagaimana Anda dapat menggunakannya secara efektif?

Dalam kumpulan statistik warna situs web ini, kami akan membagikan beberapa data yang membuka mata yang dapat membantu menjawab pertanyaan tersebut.

Statistik di bawah ini akan menjelaskan lebih lanjut betapa pentingnya warna, mengungkapkan bagaimana segmen konsumen yang berbeda merespons warna situs web yang berbeda, dan banyak lagi.

Siap? Mari kita mulai!

Apa warna terbaik untuk situs web?

Tidak ada konsensus objektif tentang warna terbaik untuk situs web karena semuanya bergantung pada sifat merek dan target pasar Anda. Namun, biru dan hijau tampaknya merupakan pilihan yang aman karena merupakan warna yang paling disukai pelanggan untuk dilihat di situs web.

Secara umum, konsumen juga tampaknya lebih menyukai warna yang lebih sejuk daripada warna yang lebih hangat.

Warna apa yang disukai pengunjung situs web?

46% konsumen lebih suka saat bisnis menggunakan warna biru di situs web mereka, menjadikannya pilihan warna teratas di antara pengunjung situs web.

Seperti yang akan kita lihat nanti, preferensi ini sesuai dengan preferensi warna umum di seluruh dunia.

Dan itu mungkin ada hubungannya dengan cara kita memandang warna biru. Ini sering dilihat sebagai warna yang tidak mengancam yang menenangkan, aman, dan profesional—tiga ciri yang sering diusahakan oleh situs web merek. Tapi kita akan berbicara lebih banyak tentang asosiasi warna ini nanti.

Hijau adalah warna situs web yang paling disukai kedua, dengan 30% suara, dan merah di urutan ketiga dengan 22%.

Statistik warna situs web yang menarik:

• 22% konsumen yang mengunjungi situs web untuk pertama kali akan mencari warna yang menarik
• Tetapi 21% konsumen akan meninggalkan situs web yang memiliki warna aneh
• 19% orang mengasosiasikan warna dingin dengan respon emosional yang positif, dibandingkan dengan hanya 14% untuk warna hangat.

Apa warna situs web terburuk?

Kuning adalah warna yang paling tidak disukai konsumen di situs web, dengan 23% dari mereka yang disurvei menganggap bisnis tidak boleh menggunakannya dalam desain situs web mereka. Oranye dan Ungu adalah detik terdekat dengan 22% mengatakan itu adalah warna situs web yang paling tidak mereka sukai.

Meskipun demikian, secara objektif tidak ada 'warna situs web terburuk'. Statistik warna situs web di atas memberi tahu kami warna situs web mana yang menurut konsumen tidak mereka sukai, tetapi bukan berarti itu bukan pilihan yang tepat untuk Anda. Itu semua tergantung pada faktor-faktor seperti kepribadian merek dan audiens target Anda.

Preferensi warna situs web berdasarkan demografis

Preferensi warna situs web bervariasi tergantung pada jenis kelamin. Baik pria maupun wanita tampaknya menyukai warna biru dan hijau, tetapi wanita sangat menyukainya:

• 50% wanita lebih suka melihat warna biru di situs web, dibandingkan dengan 45% pria
• 34% wanita lebih suka melihat warna hijau di situs web, dibandingkan dengan 30% pria

Demikian pula, warna yang paling tidak disukai orang di situs web juga tampaknya bervariasi berdasarkan jenis kelamin. Wanita lebih tidak menyukai kuning, sedangkan pria lebih tidak menyukai oranye.

• 26% wanita berpendapat bahwa bisnis tidak boleh menggunakan warna kuning di situs web mereka
• 23% pria menganggap bisnis tidak boleh menggunakan warna oranye di situs web mereka

Preferensi warna juga tampaknya bervariasi berdasarkan usia:

• 43% dari mereka yang berusia 18 hingga 24 tahun menyukai warna ungu di situs web, tetapi hanya 17% dari mereka yang berusia 44-54 tahun merasakan hal yang sama

Skema warna apa yang terbaik untuk situs web?

Sebagian besar situs web tidak hanya menampilkan satu warna—mereka menggunakan beberapa warna. Kombinasi warna yang Anda gunakan bersama di situs web Anda adalah skema warna Anda, dan sangat penting untuk melakukannya dengan benar.

Menurut data, inilah skema warna yang menurut sebagian besar konsumen adalah pilihan terbaik untuk situs web:

• 26% konsumen lebih menyukai skema warna primer . Skema warna primer menggunakan warna primer: merah, kuning, dan biru.
• 21% konsumen lebih menyukai skema warna komplementer . Skema warna komplementer menggunakan dua warna yang saling berseberangan pada roda warna, seperti biru dan jingga, atau merah dan hijau. Salah satunya adalah warna dominan sedangkan yang lainnya adalah warna aksen.
• 20% konsumen lebih menyukai skema warna analog. Skema warna analog menggunakan warna yang ditempatkan bersebelahan pada roda warna, seperti merah dengan ungu dan merah-ungu, atau kuning dengan hijau dan kuning-hijau.

Seberapa penting ruang putih?

Hanya 8% konsumen yang memperhatikan ruang putih saat melihat situs web untuk pertama kalinya, itulah mengapa ruang putih sangat penting dalam desain web.

Ini membantu menciptakan ruang antar elemen sehingga Anda dapat mengarahkan perhatian pengunjung ke hal yang paling penting, seperti CTA dan tombol beli. Dan itu membantu mencegah halaman situs web terlihat berantakan dan berantakan.

Sumber: Perusahaan Desain Teratas ¹ , Perusahaan Desain Teratas ²

Statistik popularitas warna

Kami telah melihat warna situs web favorit konsumen—tapi bagaimana dengan warna favorit mereka secara umum? Ayo cari tahu.

Apa warna favorit dunia?

Sebuah studi oleh Joe Hallock menemukan bahwa selain menjadi pilihan utama untuk warna situs web, biru dan hijau juga merupakan warna favorit dunia secara keseluruhan.

42% orang yang disurvei mengatakan biru adalah warna favorit mereka, menjadikannya pilihan teratas. Hijau dan ungu adalah warna favorit kedua di dunia dengan masing-masing 14% suara.

Statistik ini didukung oleh data dari Colorcom's Global Color Survey. Hasil survei mereka terhadap lebih dari 300.000 orang juga menemukan bahwa warna biru paling banyak dipilih oleh partisipan sebagai warna favorit mereka.

Apa warna yang paling tidak disukai di dunia?

Menurut survei yang sama oleh Joe Hallock, Oranye adalah warna yang paling tidak disukai kebanyakan orang di segala usia dan jenis kelamin.

30% orang mengatakan mereka paling tidak menyukai oranye, sementara 23% mengatakan coklat (warna paling tidak disukai kedua di dunia) dan 13% mengatakan ungu (warna paling tidak disukai ketiga di dunia).

Namun, survei global Colorcom menghasilkan hasil yang sedikit berbeda. Menurut data mereka, kuning adalah warna yang paling tidak disukai.

Warna paling populer berdasarkan jenis kelamin

Sama halnya dengan warna website, warna favorit orang pada umumnya berbeda-beda berdasarkan jenis kelamin dan usia.

Di bawah, Anda akan menemukan perincian persentase orang dari kedua jenis kelamin yang mengatakan bahwa warna tertentu adalah favorit mereka, menurut data terbaik yang kami miliki.

10 warna favorit teratas (wanita):

1. Biru – 35%
2. Ungu – 23%
3. Hijau – 14%
4. Merah – 9%
5. Hitam – 6%
6. Jeruk – 5%
7. Kuning – 3%
8. Coklat – 3%
9. Putih – 1%
10. Abu-abu – 1%

10 warna favorit teratas (pria):

1. Biru – 57%
2. Hijau – 14%
3. Hitam – 9%
4. Merah – 7%
5. Jeruk – 5%
6. Abu-abu – 3%
7. Putih – 2%
8. Coklat – 2%
9. Kuning – 1%
10. Ungu – 0%

Yang menarik di sini adalah meskipun kedua jenis kelamin sama-sama menyukai warna biru dan hijau, ada perbedaan yang mencolok dalam kesukaan pada warna ungu. Di antara wanita, ini adalah warna terpopuler kedua. Tapi pada pria, itu yang paling sedikit.

Warna yang paling tidak disukai berdasarkan jenis kelamin

Selanjutnya, mari kita lihat perincian persentase responden dari kedua jenis kelamin yang mengatakan bahwa warna tertentu paling tidak mereka sukai menurut penelitian yang sama:

Warna yang paling tidak disukai (wanita):

1. Jeruk – 33%
2. Coklat – 20%
3. Abu-abu – 17%
4. Kuning – 13%
5. Ungu – 8%
6. Hijau – 6%
7. Putih – 3%

Warna yang paling tidak disukai (pria):

1. Coklat – 27%
2. Ungu – 22%
3. Jeruk – 22%
4. Kuning – 13%
5. Putih – 5%
6. Abu-abu – 5%
7. Hijau – 2%
8. Merah 2%
9. Hitam – 1%
10. Biru – 1%

Sekali lagi, ada beberapa persamaan dan perbedaan yang menarik di sini. Kedua jenis kelamin tampaknya agak tidak menyukai warna coklat dan oranye, tetapi pria lebih cenderung mengatakan bahwa warna yang paling tidak mereka sukai adalah ungu.

Sumber: Colorcom ¹ , Joe Halllock ¹

Apakah preferensi warna bergantung pada usia?

Ya, preferensi warna tampaknya bergantung pada usia. Biru adalah warna favorit dunia dari generasi ke generasi, tetapi yang menarik, statistik menunjukkan bahwa semakin muda kelompok usia, semakin tinggi preferensi terhadap hijau, dan semakin tua kelompok usia, semakin rendah preferensi terhadap hijau.

Kebalikannya berlaku untuk ungu: orang yang lebih muda kurang menyukainya dan orang yang lebih tua lebih menyukainya.

Demikian pula, oranye dan kuning tampaknya kurang populer di kalangan konsumen yang lebih tua. Warna-warna ini lebih sering disebut sebagai warna yang paling tidak disukai oleh responden pada kelompok usia yang lebih tua.

Coklat lebih sering disebut sebagai warna yang paling tidak disukai oleh kelompok usia yang lebih muda.

Apa warna terbaik untuk tombol ajakan bertindak?

Dari semua elemen di situs web Anda, tombol ajakan bertindak (CTA) Anda mungkin yang paling penting. Mereka adalah elemen yang Anda ingin diperhatikan dan diklik oleh pelanggan.

Karena itu, ada banyak penelitian dan tes untuk mencoba mencari tahu apa warna terbaik untuk ajakan bertindak. Inilah yang ditunjukkan statistik:

• Dalam pengujian terpisah oleh Hubspot di situs web Performable, tombol merah mengungguli tombol hijau secara substansial dan menghasilkan klik 21% lebih banyak.
• Tes lain menunjukkan hasil yang serupa. Misalnya, Dmix menemukan bahwa beralih ke tombol merah meningkatkan rasio konversi mereka sebesar 34%.
• Sementara sebagian besar penelitian berfokus pada tombol merah dan hijau (karena ini adalah yang paling populer), beberapa telah membandingkan warna lain. Salah satu studi tersebut membandingkan tombol biru vs oranye dan menemukan bahwa warna biru mengungguli oranye sebesar 9%.

Hal yang mudah diambil dari ini adalah bahwa merah adalah yang terbaik — tetapi itu akan menjadi penyederhanaan yang berlebihan.

Sebenarnya tidak ada warna terbaik untuk tombol ajakan bertindak. Ini bervariasi dari kasus ke kasus, dan tidak ada pendekatan satu ukuran untuk semua.

Tampaknya faktor terpenting adalah tombol Anda menonjol dari warna lain di halaman web Anda. Jika warna utama situs web Anda berwarna hijau, tombol hijau mungkin tidak akan menarik perhatian pengguna sebanyak merah. Namun jika warna utama situs web Anda berwarna merah, tombol hijau mungkin berfungsi dengan baik.

Sumber: Hubspot, CXL

Mengapa warna situs web penting?

Selanjutnya, mari kita lihat beberapa statistik situs web yang memberi tahu kita lebih banyak tentang pentingnya warna dalam desain web.

Apakah warna situs web penting?

39% konsumen yang disurvei mengatakan bahwa warna adalah elemen visual yang paling mereka hargai di situs web perusahaan. Ini menjadikannya elemen visual teratas kedua yang diapresiasi konsumen, tepat di belakang foto/gambar (40%).

42% pembeli mendasarkan pendapat mereka tentang situs web hanya pada desain (dan itu termasuk warna).

Di antara pembeli yang tidak kembali ke situs web, 52% penyebabnya adalah elemen estetika (termasuk warna).

Statistik lain tentang pentingnya warna

Warna tidak hanya penting di situs web Anda—warna juga penting di semua materi branding Anda, mulai dari desain produk hingga logo merek Anda dan seterusnya. Inilah alasannya:

• Sekitar 62-90% penilaian awal konsumen terhadap produk didasarkan pada warna saja.
• Warna dapat meningkatkan pengenalan merek hingga 80%
• 90% orang percaya bahwa warna dapat membantu menarik pelanggan baru
• 83% percaya warna membuat mereka tampak lebih sukses
• 81% berpikir warna memberi mereka keunggulan atas pesaing mereka
• 90% percaya konsumen mengingat presentasi lebih baik saat warna digunakan
• Pembaca melihat iklan penuh warna 26% lebih sering daripada iklan hitam putih. Studi yang menemukan ini secara khusus mengamati iklan majalah, tetapi prinsip yang sama dapat berlaku untuk iklan situs web.

Sumber: Colorcom ² , Perusahaan Desain Teratas ¹ , ResearchGate, Neil Patel, Kissmetrics

Asosiasi warna

Studi menunjukkan bahwa manusia tampaknya memiliki asosiasi khusus dengan warna tertentu. Beberapa di antaranya tampaknya bawaan, asosiasi yang terhubung secara biologis, sementara yang lain didorong oleh budaya.

Penting untuk mengetahui asosiasi warna umum saat mendesain situs web Anda, karena ini akan memengaruhi cara merek Anda dilihat oleh pengunjung situs web Anda. Anda harus mencoba memilih warna yang mewakili kepribadian merek Anda dan membangkitkan respons emosional yang Anda tuju.

Dengan mengingat hal itu, berikut adalah beberapa statistik warna situs web yang menunjukkan apa yang paling sering dikaitkan dengan setiap warna, per studi oleh Joe Hallock.

Memercayai

Biru adalah warna situs web yang paling sering dikaitkan dengan kepercayaan. 34% responden yang disurvei mengatakan bahwa mereka memikirkan kepercayaan, mereka memikirkan warna biru. Ini kemungkinan merupakan bagian besar dari alasan mengapa biru adalah warna situs web yang begitu populer.

21% responden mengaitkan kepercayaan dengan warna putih, menjadikannya pilihan teratas kedua. Ini mungkin karena (atau mungkin mengapa) warna putih digunakan di lingkungan seperti rumah sakit dan jas lab dokter.

Oranye adalah warna yang paling tidak dapat dipercaya yang diidentifikasi dalam penelitian ini. Hanya 1% responden yang mengaitkannya dengan kepercayaan.

Keamanan

Biru juga merupakan warna situs web yang paling sering diasosiasikan dengan keamanan, dengan 28% suara. Ini cukup mengejutkan mengingat keamanan dan kepercayaan terkait erat secara semantik. Hitam juga sering dikaitkan dengan keamanan sebesar 16%. Dan oranye sekali lagi berada di urutan paling bawah dengan 2% suara.

Kecepatan

Merah adalah warna yang paling sering diasosiasikan dengan kecepatan 76%. Ini mungkin karena efek energi yang mendasari Red dan hubungannya dengan intensitas, kemarahan, dan keganasan. Kuning adalah yang kedua jauh di 7%.

Ini mungkin menjadikan merah pilihan yang baik untuk menciptakan rasa urgensi di situs web Anda. Misalnya, Anda dapat menggunakannya untuk menyorot penawaran yang sensitif terhadap waktu.

Murah/murah

26% peserta mengasosiasikan jeruk dengan kata murah/murah. Kuning di urutan kedua dengan 22% suara, dan coklat di urutan ketiga dengan 13%.

Biru adalah warna yang paling tidak mungkin dikaitkan dengan harga murah, dengan hanya 1% responden yang memilihnya.

Yang menarik dari hal ini adalah asosiasi dengan harga murah tampaknya berkorelasi erat dengan preferensi warna. Coklat, kuning, dan jingga adalah warna yang paling tidak disukai konsumen dan kemungkinan besar diasosiasikan dengan kata murah.

Kualitas tinggi

43% orang yang disurvei mengaitkan warna hitam dengan kualitas tinggi. Anda dapat memanfaatkan keterkaitan ini dengan kualitas dengan menggunakan warna hitam dalam skema warna situs web Anda.

Biru dikaitkan dengan kualitas tinggi yang paling sering kedua dengan 20% responden memilihnya. Oranye paling tidak dikaitkan dengan kualitas tinggi, menerima 0% suara.

Teknologi tinggi

Hitam (26%) dan biru (23%) juga merupakan warna yang paling sering diasosiasikan dengan teknologi tinggi. Gray berada di urutan kedua, dipilih oleh 23% responden.

Takut

41% peserta mengasosiasikan warna merah dengan rasa takut atau teror. Hitam berada di urutan kedua dengan 38%. Jika Anda sedang mengerjakan situs web bertema horor, hitam dan merah adalah pilihan yang jelas.

Menariknya, tidak ada responden yang mengasosiasikan warna biru dengan rasa takut, yang sekali lagi menunjukkan betapa dapat dipercaya dan menenangkannya warna tersebut.

Seru

28% orang mengatakan oranye adalah warna yang paling mereka kaitkan dengan kesenangan. Kuning berada di urutan kedua dengan 26%. Ungu (17%) dan merah (16%) juga menjadi pilihan populer.

Ini menunjukkan bahwa meskipun merupakan warna situs web yang paling tidak disukai, oranye dan kuning memiliki tempatnya dalam desain situs web. Itu mungkin pilihan yang efektif jika Anda mencoba memposisikan merek atau produk Anda sebagai sesuatu yang menyenangkan.

Keberanian

29% responden mengatakan bahwa ungu diasosiasikan dengan keberanian dan keberanian. Merah berada di urutan kedua dengan 28%, dan biru berada di urutan ketiga dengan 22%.

Hal ini menarik karena keberanian dan keberanian umumnya dianggap sebagai nilai yang lebih maskulin, tetapi seperti yang kita lihat sebelumnya, hanya sedikit pria yang menyukai warna ungu terlepas dari keterkaitannya dengan sifat-sifat ini.

Asosiasi warna situs web menurut Joe Hallock

Berikut rekap asosiasi warna teratas menurut studi oleh Joe Hallock:

• Biru – kepercayaan, keamanan
• Merah – kecepatan, ketakutan
• Oranye – murah, menyenangkan
• Hitam – kualitas tinggi, teknologi tinggi
• Ungu – keberanian

Asosiasi warna situs web menurut Colorcom

Colorcom's Global Color Survey juga menanyai responden tentang asosiasi warna. Berikut adalah asosiasi paling umum untuk setiap warna menurut datanya:

• Kuning – kebahagiaan
• Putih – kemurnian
• Hijau – keberuntungan
• Merah - enak
• Biru tua – martabat
• Perak – teknologi tinggi
• Merah – keseksian
• Hitam – berduka
• Emas – mahal
• Coklat – tidak mahal
• Merah – kuat
• Biru – dapat diandalkan
• Emas – kualitas tinggi
• Kuning redup – mual
• Putih – dewa
• Hitam – nasib buruk

Sumber: Colorcom ¹ , Joe Hallock ²

Statistik warna logo situs web

Logo Anda adalah elemen visual utama lainnya yang ditampilkan di situs web Anda. Berikut adalah beberapa statistik warna situs web yang terkait secara khusus dengan logo.

Pentingnya warna dalam logo situs web

Dalam pengujian oleh Reboot Online, 78% pelanggan dapat mengingat warna utama logo yang telah ditampilkan secara singkat, tetapi hanya 43% yang dapat mengingat namanya.

Hasilnya: warna yang Anda gunakan dalam aset merek Anda (seperti situs web Anda) lebih mudah diingat—dan bisa dibilang, lebih penting—bahkan daripada nama merek Anda.

Warna logo situs web yang paling umum

Hitam adalah warna branding paling populer di antara merek-merek top. Ini digunakan dalam logo 34% dari 100 merek global teratas.

Persentase merek yang menggunakan setiap warna pada logonya:

• 34% menggunakan warna hitam
• 30% menggunakan warna biru
• 30% menggunakan warna merah
• 9% menggunakan warna kuning
• 7% menggunakan warna hijau
• 6% menggunakan perak/hijau
• 5% menggunakan jeruk
• 2% menggunakan coklat

Sumber: Reboot Online

Berapa banyak warna yang ada?

Tidak ada yang bisa menyetujui berapa banyak warna yang ada, tapi jawaban terbaik yang bisa kami berikan adalah 10 juta.

Itu adalah jumlah maksimum warna yang dapat dilihat oleh mata manusia, tetapi ada jauh lebih banyak warna yang tidak dapat kita lihat.

Jika Anda penasaran bagaimana kami sampai pada angka 10 juta, itu matematika dasar. Mata manusia dapat melihat 1.000 corak cahaya. Dan dalam nuansa cahaya tersebut, kami dapat mendeteksi 100 tingkat naungan merah-hijau yang berbeda dan 100 tingkat naungan kuning-biru yang berbeda.

Kalikan semuanya (1.000 x 100 x 100) dan Anda mendapatkan 10 juta.

Tentu saja, ini sedikit lebih rumit dari itu—ini hanyalah penjelasan singkat dan terlalu disederhanakan

Pikiran terakhir

Itu menyimpulkan kumpulan statistik warna situs web kami.

Mudah-mudahan, Anda dapat mengekstraksi beberapa wawasan berguna untuk menginformasikan strategi desain situs web Anda dari fakta dan angka ini.

Kesimpulan utamanya adalah meskipun warna jelas penting, tidak ada cara yang benar atau salah untuk menggunakannya di situs web Anda. Pilihan warna yang tepat semuanya akan bergantung pada kepribadian merek, posisi, dan target pasar Anda.

Jika Anda ingin mempelajari lebih lanjut tentang seperti apa desain web yang bagus itu, lihat ringkasan statistik desain situs web kami baru-baru ini.

Atau untuk mempelajari desain grafis secara lebih umum, lihat statistik desain grafis yang mencengangkan ini.

Semoga beruntung!