Saya terus menerbitkan berita menarik, dan menurut saya, berita bermanfaat dari dunia yang besar dan luas seo. Hari ini kita akan membicarakannya warna desain situs web... Ya, ya, tepatnya tentang skema warna. Baiklah, mari kita mulai. Warna desain situs web mempengaruhi rasio klik-tayang iklan, menurut psikolog dari Universitas Oxford di AS.

Perilaku: pengaruh warna situs terhadap rasio klik-tayang iklan di portal

Ilmuwan Amerika telah menghitung bahwa rata-rata pengguna menghabiskan sekitar 2 menit di satu portal Internet. Dari jumlah tersebut, 4-7 detik terakhir sangat menentukan bagi kami - pakar SEO, meskipun ini juga berlaku untuk desainer. Selama periode waktu inilah pengguna meninggalkan situs web atau mengklik iklan yang ditawarkan kepadanya. Pilihannya tergantung pada warna situs web dan blok iklan. Opsi “paling buruk” (tidak diinginkan dan tidak dapat diklik). desain situs web- ini untuk mendesain situs dengan warna abu-abu atau merah. Lalu lintas akan mendekati nol (rasio klik-tayang), begitu pula efektivitas iklan yang dipasang di sumber daya Internet. Kenyamanan dan ketenangan dirasakan oleh pengguna yang berada di lokasi yang dominan warna putih. Mereka mengklik spanduk dengan baik; iklan kontekstual menarik mereka hanya jika judulnya (sangat) cerah dan kontras tinggi, serta teks dan URL berukuran maksimal. Hal yang hampir sama terjadi dengan desain ramah lingkungan.

Desain portal biru untuk kepercayaan, dan kuning untuk konteks

Situs web dengan desain dan tata letak biru menginspirasi kepercayaan (jejaring sosial “VKontakte” dan “Facebook” langsung terlintas dalam pikiran). Menariknya, iklan di sini berfungsi jika ditempatkan pada latar belakang putih, dan judulnya diatur dalam warna 2 tingkat lebih gelap (dan sekali lagi ini cocok untuk “VKontakte” dan Facebook favorit kami). Pemenang terbanyak warna desain situs web, menurut psikolog Inggris, kuning. Rasio kunjungan terhadap klik di sini adalah 1 berbanding 2,5, karena banyak pengguna Internet melihat 2-3 iklan sekaligus. Tapi banner di semua situs kuning tidak efektif. Warna bagus lainnya untuk desain portal tempat orang mengklik blok iklan dan spanduk adalah warna coklat yang tidak kontras. Disini hasil untuk iklan banner adalah 1 klik per 3 kunjungan, untuk iklan kontekstual kira-kira 1 banding 2.

PS. Mari kita rangkum. Hal pertama yang membuat kami bingung adalah tentu saja penonton yang diuji bukan yang berbahasa Rusia, mentalitas kami berbeda. Meski begitu, penduduk CIS bukanlah penduduk Amerika atau Eropa. Situs web Rusia selalu dibedakan berdasarkan warna dan corak pelangi dalam desainnya, berbeda dengan sumber daya Internet Eropa dan Amerika yang terbatas (contoh mencolok adalah situs web Apple). Kedua, sehubungan dengan itu, iklan kita “diklik” (pengamatan saya sendiri) karena cerah dan kontras. Anda boleh tidak setuju tentang situs dan portal kuning - mereka tidak menginspirasi kepercayaan di antara pengguna jaringan domestik (saya bahkan tidak akan langsung mengatakan tentang portal kuning besar - tidak ada yang terlintas dalam pikiran saya), kecuali mungkin di antara anak-anak kecil (walaupun ini milik saya pendapat)! Secara umum, Anda mungkin perlu melakukan tes kecil, yang akan saya bahas di bagian “eksperimen”.

Tidak perlu lagi mencoba menebak desain warna iklan yang lebih mungkin diklik pengunjung. Anda perlu bereksperimen dengan menampilkan iklan dalam berbagai warna. Dan berdasarkan hasilnya, kami akan mengetahui preferensi pengunjung situs Anda. Namun, di luar jendela adalah abad ke-21. Oleh karena itu, kami akan menulis skrip kecil yang akan melakukan segalanya untuk kami.

Warna apa yang harus dipilih untuk iklan

Dalam percobaan saya, saya memilih tiga warna primer: biru, merah dan hijau. Saya mengambil masing-masing dengan tingkat kecerahan yang berbeda. Dan saya menambahkan satu warna lagi ke dalamnya - warna tautan di situs saya. Jadi, tujuh warna akan berpartisipasi dalam percobaan saya.

Skrip rotasi warna iklan

Sebagai dasar, saya mengambil skrip untuk menampilkan iklan dari YAN (Yandex Advertising Network), yang diberikan kepada saya oleh Profit-Partner. Mari tambahkan perubahan warna otomatis ke dalamnya. Untuk setiap warna kami akan membuat label unik. Sehingga kedepannya dengan menggunakan bagian tersebut Anda dapat menganalisis warna iklan mana di situs Anda yang lebih menarik bagi pengunjung.

Mari terapkan skrip ini dan mulai mengumpulkan data. Statistik akan menampilkan irisan yang dibuat oleh skrip kita.

Cara melakukan eksperimen pemilihan warna iklan yang benar

Eksperimen harus dilakukan sepanjang waktu setidaknya selama seminggu. Untuk memperhitungkan semua ketergantungan waktu dan fitur akhir pekan dan hari kerja. Penting agar setiap skema warna ditampilkan setidaknya 1000 kali.

Kesimpulan dari percobaan warna mana yang lebih baik

Jika Anda memilih dari tiga warna primer, maka tidak ada pemimpin yang jelas di situs saya. Perbedaan beberapa persen mungkin disebabkan oleh kesalahan. Namun tren umum bertepatan dengan rekomendasi dari spesialis COP Profit-Partner - warna yang lebih dapat diklik adalah merah.

Jika kita melihat ketujuh warna tersebut secara detail, kelompok berikut ini disukai pengunjung: merah tua (#990000), hijau muda (#00CC00) dan biru tua (#000099).

Saya menyarankan Anda untuk tidak melihat statistik saya, tetapi melakukan eksperimen Anda sendiri dalam memilih desain warna iklan di jaringan periklanan Yandex.
Jika Anda memiliki beberapa situs, maka untuk setiap situs Anda perlu melakukan eksperimen sendiri.
Jika Anda mengubah desain, jalankan eksperimen lagi.
Jika Anda memiliki beberapa unit iklan seperti saya, maka untuk setiap unit iklan Anda juga perlu melakukan eksperimen sendiri. Anda akan terkejut, tetapi di situs saya, preferensi pengguna berbeda dalam unit iklan di tengah dan di akhir artikel.
Eksperimen harus dilakukan sepanjang waktu setidaknya selama 7 hari.

Bekerja dengan warna adalah keterampilan paling penting dari setiap desainer web. Penggunaan yang tepat dapat membawa kesuksesan bagi situs, dan bahkan kesalahan kecil dalam membuat rentang dapat menyebabkan banyak masalah di masa depan. Pada artikel ini, kita akan melihat 10 kesalahan yang dilakukan desainer saat bekerja dengan warna di situs web, dan memberi tahu Anda cara menghindarinya.

Keengganan untuk menerapkan teknik psikologis

Ada banyak penelitian yang menggambarkan reaksi dan emosi pengguna terhadap skema warna situs web. Hal ini tentu saja menjadi bahan perdebatan - preferensi warna ditentukan oleh budaya nasional, pengalaman pribadi, dan alasan lainnya, namun tidak mungkin untuk tidak memperhitungkan suasana hati yang disampaikan oleh warna. Dan saat membuat situs web, ada baiknya menerapkan apa yang kita ketahui tentang persepsi warna.

Misalnya, oranye adalah warna bagus yang memotivasi belanja. Menyampaikan ajakan bertindak dengan sempurna, cocok untuk toko online.

Hijau melambangkan kepercayaan, dan apa yang lebih penting daripada kepercayaan dalam hal makanan?

1. Peniruan buta

Kesalahan klasik pelanggan adalah proyeksi idenya sendiri tentang desain. Apakah forum favorit Anda dibuat dengan warna “karamel” yang hangat, teks utama berwarna coklat tua, dan latar belakang pesan berwarna kuning pucat? Ini tidak berarti bahwa situs yang didedikasikan untuk AC harus mewarisi kisaran ini. AC harus menciptakan perasaan segar - bukan tanpa alasan sebagian besar situs semacam ini dirancang dengan warna biru dan putih.

Bahkan jika Anda sangat menyukai situs tertentu, berpikirlah dua kali sebelum memesan “sama persis, tetapi tentang produk saya”.

2. Ajakan bertindak yang kurang menarik

Jika Anda memiliki ajakan bertindak yang kuat di situs web Anda, hal itu harus terlihat oleh pengguna - mata pengguna harus tertuju padanya. Ajakan bertindak yang tidak jelas dan tidak menonjol, meskipun dirumuskan dengan sempurna, tidak akan berhasil. Situasi sebaliknya tidak begitu baik, ketika CTA secara harfiah berteriak “TEKAN SAYA.” Ajakan bertindak harus harmonis dan menonjol melalui pemilihan warna dan desain yang kontras.

3. Palet warna situs yang berlebihan

Seringkali, dua atau tiga warna sudah cukup untuk mendesain situs web. Tentu saja ada solusi desain yang sangat sukses dengan banyak warna, tetapi ini adalah pengecualian. Kebetulan dua warna tampak bagus, tetapi ketika Anda menambahkan warna ketiga ternyata berantakan.

Kami menyarankan untuk menggunakan setidaknya roda warna saat memilih palet warna. Saat memilih warna dengan bantuannya, Anda harus ingat bahwa warna yang berdekatan dan warna yang berseberangan cocok satu sama lain.


Kami juga merekomendasikan penggunaan situs khusus. Di sini Anda dapat membuat rangkaian produk Anda sendiri atau menggunakan salah satu rangkaian produk yang sudah jadi.

Pada contoh pertama, 3 warna digunakan untuk mendesain teks, pada contoh kedua, hanya dua. Ini adalah opsi kedua yang terlihat lebih baik dan teks di dalamnya lebih mudah dibaca.

4. Warna berbeda untuk elemen serupa

Jika laman landas Anda memiliki tiga tombol pembayaran, semuanya harus memiliki warna yang sama. Setelah pengguna melihat yang pertama, dia akan melihat yang lain dengan cara yang sama. Jika tombol dengan warna berbeda memiliki fungsi yang sama, hal ini dapat menimbulkan kebingungan.

Berikut adalah contoh dua tombol dengan tujuan yang sama di situs web yang sama. Keputusan yang buruk.

5. Warna yang sama untuk berbagai jenis elemen

Situasi sebaliknya adalah ketika Anda menggunakan warna “favorit” Anda di mana pun menurut Anda warna tersebut harus dibuat dengan indah. Tombol tindakan dan elemen yang tidak dapat diklik tidak boleh memiliki warna yang sama; ini melanggar logika penggunaan situs. Dengan membuat tombol yang dapat diklik dengan warna dan gaya tertentu, Anda menciptakan pola perilaku, dan jika elemen tersebut tidak aktif, maka akan mengganggu perilaku pengguna yang biasa.

6. Kurangnya kontras

Dalam mengejar warna-warna yang tidak biasa dan cerah, desainer sering kali melewatkan satu poin penting: warna teks dan warna latar belakang harus cukup kontras agar teks mudah dibaca. Prinsip ini ditunjukkan dengan jelas dalam contoh di bawah ini.

7. Warna tautan non-standar

Pengguna harus dapat membedakan link dari teks tanpa menggerakkan mouse. Tentu saja, warna di sini bukan satu-satunya alat desainer, tapi mungkin yang paling efektif. Tiga aturan:

• Tautan harus terlihat tanpa mengarahkan kursor ke atasnya.


• Tautan akan berubah warna saat diarahkan.


• Tautan yang dikunjungi harus ditandai dengan warna berbeda; ini sangat penting jika kita berbicara tentang situs informasi dengan banyak publikasi.

Dalam contoh tersebut, desainer memilih warna yang sangat disayangkan untuk desain tautan untuk menavigasi portofolio.

8. Minimalisme pudar bukan untuk penjualan impulsif.

Saat ini sangat populer untuk membuat halaman arahan, biasanya ditujukan untuk penjualan impulsif. Halaman-halaman seperti itu memengaruhi emosi seseorang, membangkitkan dalam dirinya keinginan sesaat untuk membeli suatu produk. Tren modis lainnya dalam pembuatan situs web adalah minimalis, biasanya ditandai dengan satu atau dua warna, seringkali ketat.

Kedua tren fesyen ini seringkali tidak sejalan. Anda tidak dapat menjual berdasarkan emosi jika situs Anda tidak menciptakan emosi tersebut saat dilihat.

Warna-warna tenang dan minimalis yang ketat cocok jika pembeliannya rasional. Ya, minimalis memang tidak membosankan, penuh warna, dan bahkan sangat emosional, tetapi sekarang banyak desainer yang cenderung menggunakan warna abu-abu dan “udara”, yang tidak cocok dengan penjualan halaman arahan.

Namun ini tidak berarti bahwa halaman arahan emosional yang menjual harus bersinar dengan semua warna pelangi.

9. Warna hitam yang tidak pantas

Pemasar telah lama membiasakan konsumen di dunia nyata dengan kenyataan bahwa kemasan hitam hampir selalu berarti biaya tinggi dan kualitas produk tingkat premium. Berikut ini contoh pangsit merek elit dan sereal mahal:

Kebiasaan kita, seperti metode pemasar, bermigrasi dari supermarket ke Internet. Misalnya, situs web perusahaan perhiasan yang dibuat dengan warna hitam terlihat elegan dan mahal:


Anda sebaiknya tidak menggunakan banyak warna hitam di website Anda sebagai latar belakang jika Anda menyediakan layanan di segmen harga rendah atau menjual barang murah. Kesan pengunjung di situs Anda tidak akan sesuai dengan proposisi penjualan Anda.

10. Pembatasan warna bagi desainer

Aturan ini tidak secara langsung berlaku untuk desain website dan pemilihan palet warna. Kita berbicara tentang menetapkan tugas bagi seorang desainer ketika mengembangkan sebuah situs web. Jika Anda belum memiliki identitas perusahaan atau logo yang dapat dikenali (walaupun dalam kasus ini aturan tersebut berlaku sebagian), Anda tidak boleh menetapkan batasan dan batasan tegas pada warna yang digunakan oleh desainer.

Visi Anda bisa seindah yang Anda suka, tapi biarkan desainer menawarkan visinya sendiri. Jika, setelah beberapa kali mencoba, desainer masih tidak dapat menunjukkan sesuatu yang Anda sukai, barulah Anda harus menetapkan batasan tegas untuknya dalam pemilihan warna.

Pengecualian lain: jika Anda yakin bahwa pilihan desain warna Anda telah dipikirkan dengan matang dan Anda dapat membenarkan pilihan ini untuk diri Anda sendiri. Biasanya, pelanggan tidak memperhitungkan apa yang diperhitungkan oleh perancang - keterbacaan teks, kecerahan tombol yang memadai, dan jumlah warna yang optimal.

kesimpulan

Skema warna menciptakan kesan pertama pengguna terhadap situs tersebut. Sangat penting bahwa hal itu bersifat positif. Namun Anda tidak bisa hanya memfokuskan perhatian orang pada warna; gunakan warna tersebut untuk menyampaikan informasi. Jika Anda tidak yakin dengan pilihan yang tepat, gunakan data peta panas atau teknik sederhana untuk mengaburkan solusi antarmuka yang sudah jadi. Inti dari teknik ini sangat sederhana: Anda perlu memburamkan seluruh halaman menggunakan program grafis dan melihat elemen dan blok mana yang pertama kali menarik perhatian. Blok pertama, kedua dan ketiga yang menarik perhatian harus menjadi elemen terpenting dalam skenario pengguna.

Misalnya, kami memburamkan layar pertama Aviasales.ru - blok elemen 1, 2 dan 3 menarik perhatian Setelah membaca judulnya, mis. Membentuk ekspektasi yang benar pada pengguna, dia (ingat aturan kontras) akan melihat elemen yang diperlukan untuk memilih parameter dan ajakan bertindak.


Dan lihat betapa jelasnya aksi utama di situs ostrovok.ru menonjol dengan latar belakang buram.


Jika antarmuka Anda lulus pengujian tersebut dengan sangat baik, maka perbaikan lebih lanjut pada situs harus dilakukan berdasarkan pemahaman psikologi pengguna, yaitu. menganalisis umpan balik dari pengguna sebenarnya. Menggunakan pertanyaan seperti: “Di mana Anda pertama kali melihat: 3 elemen situs yang mana, dan dalam urutan apa? Di mana Anda ingin mengklik terlebih dahulu dan mengapa?” di AskUsers Anda tidak hanya dapat memahami bagaimana perhatian pengguna didistribusikan, tetapi juga mengapa pengguna melihat elemen tertentu. Informasi ini akan membantu mengidentifikasi sejumlah masalah pada antarmuka saat ini dan menemukan opsi terbaik untuk menyelesaikannya.

Ingatlah bahwa bentuk tunduk pada isi. Desain warna berfungsi sebagai alat untuk memusatkan perhatian pengguna pada informasi yang penting bagi pengguna dan pemilik situs.

Warna tombol mana yang memiliki tingkat konversi tertinggi adalah pertanyaan filosofis lama yang jawabannya diketahui banyak orang. "Merah" - pemasar pemula akan menjawab. "Kontras" - pemasar berpengalaman akan menjawab. Kami menguji 21.666 pengguna tentang topik ini. Dan kami sampai pada beberapa kesimpulan yang cukup menarik.

Di awal artikel, Anda perlu menambahkan intrik dan fakta menarik untuk menarik perhatian. Berdasarkan saran ini, saya dapat mengatakan bahwa dalam praktiknya kami menerima peningkatan konversi hingga 65% hanya dengan mengubah warna tombol. Pada artikel ini kita akan membahas tentang hasil dan cara melakukannya.

Seberapa besar Anda dapat meningkatkan konversi dengan warna?

Saya tidak akan memberi tahu Anda bahwa kami menemukan pil manajemen konversi ajaib. Dalam kasus peningkatan konversi, saya sampai pada satu kesimpulan sederhana. Tidak ada pernyataan 100% yang selalu berhasil untuk semua orang. Pil ajaib juga. Kami sebelumnya menulis tentang bagaimana dalam beberapa kasus kata “Gratis” menurunkan konversi. Apa yang bisa kami katakan tentang kebenaran “seratus persen” lainnya.

Jadi, seberapa besar Anda dapat meningkatkan tingkat konversi hanya dengan mengubah warna tombol?

Kami menerima peningkatan konversi hingga 65%. 65% adalah hasil tes maksimal. Rata-rata adalah 11%. Namun peningkatan konversi ini pun merupakan hasil yang sangat bagus. Mengingat hal ini dapat dicapai dengan mengubah warna tombol.

Merah adalah warna pemenang

Banyak pengujian ahli mengatakan bahwa tombol merah memiliki tingkat konversi tertinggi. Mengapa? Kita tahu bahwa setiap warna memiliki asosiasi tersendiri dan membangkitkan emosi tertentu. Warna merah melambangkan perhentian, bahaya, dan gairah. Dan dalam banyak kasus (diyakini) hal ini memberikan hasil yang lebih baik dalam pemasaran Internet.

Di bawah ini adalah algoritma untuk membuat pengujian A/B:

1. Buat widget di konstruktor. Membutuhkan waktu 5 menit.
2. Salin dan buat perubahan untuk pengujian. Membutuhkan waktu 1 menit.
3. Buat pengujian A/B dan pilih widget ini. Membutuhkan waktu 1 menit.

1. Membuat widget di konstruktor

Untuk membuat widget, Anda harus terdaftar di konstruktor.

Proses pembuatannya terdiri dari 3 langkah:

1. Pilih template widget yang akan Anda gunakan.
2. Edit widget: - tulis teks yang diinginkan - ubah warna dan unggah gambar, jika perlu
3. Pilih pengaturan tampilan: - kapan menampilkan widget (menurut waktu, kapan keluar, kapan menggulir halaman, dll.) - di perangkat apa (komputer, ponsel, tablet) - apa yang harus dilakukan setelah konversi (ucapkan terima kasih, alihkan melalui tautan atau cukup tutup widget)

Anda dapat menonton video ini tentang cara membuat widget. Setiap tahap dibahas secara rinci di sini. Petunjuk teks untuk membuat widget dapat ditemukan di sini.

Saya ingin mencatat bahwa ada lebih banyak opsi penyesuaian di desainer. Misalnya tampilan saat melihat sejumlah halaman tertentu, berdasarkan hari dalam seminggu, berdasarkan sumber rujukan, frekuensi tampilan, dan masih banyak lagi. Tapi pertama-tama saya menyarankan Anda untuk menggunakan pengaturan dasar, dan kemudian bereksperimen dengan pengaturan tambahan.

2. Salin widget dan buat perubahan untuk pengujian

Setelah Anda membuat widget, Anda perlu membuat salinannya. Untuk membuat perubahan pada widget baru dan menjalankan pengujian A/B. Untuk melakukan ini, Anda mengklik ikon “Salin” di widget yang dibuat.

Ini secara otomatis diaktifkan di situs. Sekarang kita perlu mematikannya karena tidak diedit. Untuk melakukan ini, ubah statusnya.

Sekarang masuk ke pengaturannya dengan mengklik ikon “Tambahkan ke Editor”.

Di sini ubah elemen yang diinginkan yang ingin Anda uji. Misalnya, mari kita ubah warna tombolnya. Ini dilakukan dalam satu klik. Anda hanya perlu memilih warna tombol yang berbeda.

Klik pada "Warna Tombol" dan pilih yang Anda inginkan.

Setelah itu simpan widgetnya. Pada langkah ke 4, Anda tidak perlu mengubah apapun untuk tetap mempertahankan pengaturan widget sebelumnya. Untuk melakukan ini, cukup klik tombol “Simpan”.

Sekarang Anda telah membuat 2 widget dengan warna tombol berbeda. Anda dapat melanjutkan ke membuat pengujian A/B. Demi kenyamanan, yang tersisa hanyalah mengganti nama di widget kedua.

3. Buat pengujian A/B

Untuk membuat pengujian, Anda perlu membuka menu “Tes A/B”. Dan klik tombol "Buat tes".

Di sini Anda membutuhkan:

Pilih situs - tulis nama tesnya

Pilih jenis tes

Mengenai jenis tesnya. KEPLER LEADS memiliki 2 jenis pengujian A/B yang berbeda: Klasik dan Individual. Perbedaannya terletak pada tampilan widget kepada pengunjung kembali. Jika Anda ingin menampilkan opsi widget baru kepada pengunjung kembali, pilih Tes Klasik. Jika Anda ingin pengguna yang kembali tidak diperlihatkan opsi widget lain (yang pertama ditampilkan akan diingat dan hanya yang ini yang selalu terpicu, bergantung pada pengaturan tampilan), lalu pilih Individual.

Setelah memilih jenis tes, klik tombol “Tambah”. Langkah terakhir yang tersisa - pilih widget untuk pengujian. Untuk melakukan ini, klik pada sel “Widget” dan pilih.

Setelah memilih widget, periksa apakah semuanya aktif. Jika ada widget yang tidak aktif, Anda dapat mengaktifkannya di sini.

Semua! Tes telah dibuat. Anda dapat melihat semua hasil di statistik pengujian. Untuk melakukan ini, klik ikon “Lihat” di sebelah kanan nama tes. Merekomendasikan untuk menjalankan pengujian pada total lalu lintas dari 1000 tayangan (ini dapat dilihat di kolom “Tampilan”). Setelah ini, putuskan untuk menjalankan tes berikutnya.

Kesimpulan

Pekerjaan Anda tidak berakhir di situ. Sekarang kita perlu melacak hasilnya, dan setelah mencapai data yang signifikan (kami merekomendasikan 1000 pengunjung atau lebih) menguji hipotesis lainnya. Ini bisa berupa judul, teks ajakan bertindak, proposisi nilai, gambar, dll. Kami akan menulis tentang pengujian A/B lainnya di artikel berikut. Bagikan hasil Anda di komentar.

Dengan menggunakan HTML, Anda dapat mengatur warna semua link pada suatu halaman, serta mengubah warna untuk masing-masing link.

Atur warna semua link di halaman

Warna tautan ditetapkan sebagai atribut tag . Atribut bersifat opsional dan jika tidak ditentukan, nilai default akan digunakan.

link - Mendefinisikan warna link pada halaman web (warna default adalah biru, #0000FF).

vlink - warna tautan yang sudah dikunjungi. Warna defaultnya adalah ungu, #800080.

Dalam HTML, warna biasanya ditentukan dalam bilangan heksadesimal, dalam bentuk #rrggbb, dimana r, g dan b masing-masing mewakili komponen merah, hijau dan biru. Setiap warna diberi nilai heksadesimal dari 00 hingga FF, yang sesuai dengan rentang 0 hingga 255 dalam desimal. Nilai-nilai tersebut kemudian digabungkan menjadi satu angka, diawali dengan simbol # (contoh 1).

Contoh 1: Mengatur warna link

Konten situs

Warna tidak harus ditentukan dalam format heksadesimal; kata kunci juga dapat digunakan. Dalam contoh ini, warna latar belakang halaman web disetel menjadi hitam dan warna tautan disetel menjadi merah.

Lebih mudah menggunakan CSS untuk mengubah warna tautan. Untuk mengatur warna semua tautan di halaman web, kelas semu berikut diterapkan dan ditambahkan ke pemilih A.

dikunjungi — Gaya untuk tautan yang dikunjungi.

aktif — Gaya untuk tautan aktif. Tautan menjadi aktif ketika Anda mengkliknya.

Contoh 2 menunjukkan cara mengubah warna link pada halaman web menggunakan gaya. Untuk melakukan ini, kita akan menggunakan properti gaya warna; ini mengatur warna teks tertentu, dalam hal ini, tautan.

Contoh 2. Warna tautan ditentukan melalui gaya

Konten situs

Mengatur warna masing-masing tautan pada suatu halaman

Metode pengaturan warna di atas berfungsi untuk semua link di halaman web. Namun, terkadang ada kebutuhan untuk menggunakan warna berbeda secara bersamaan. Warna terang, misalnya, untuk area gelap pada halaman web, dan warna gelap, untuk area terang. Anda juga dapat menggunakan gaya untuk ini.

Untuk mengubah warna link, gunakan atribut style="color: #rrggbb" pada tag , dimana #rrggbb adalah warna dalam heksadesimal. Anda juga dapat menggunakan nama warna atau menentukan warna dalam format: rgb (132, 33, 65) . Nilai desimal merah, hijau dan biru ditunjukkan dalam tanda kurung (contoh 3).

Konten situs

Pemasaran Internet

Kegunaan

Contoh ini menunjukkan tiga cara berbeda untuk mengatur warna menggunakan gaya.