Kontras memainkan peran penting dalam keberhasilan desain situs web apa pun. Kontras yang memadai memastikan pengalaman pengguna yang berkualitas dan keterbacaan yang lebih mudah yang akan berkontribusi pada kesuksesan jangka panjang sebuah situs.
Situs web yang terlalu rendah kontrasnya dapat sulit dibaca dan digunakan, yang akan berdampak negatif pada keberhasilan situs apa pun. Masalah kontras warna yang buruk seringkali mudah diidentifikasi; sering Anda hanya dapat melihat halaman di browser web dan melihat apakah teks sulit dibaca karena pilihan warna kontras yang buruk.
Meskipun mungkin mudah untuk menentukan warna mana yang tidak bekerja sama dengan baik, itu dapat membuktikan menantang untuk memutuskan warna mana yang akan bekerja dengan baik berbeda dengan yang lain dan dalam desain situs web. Diagram ini menunjukkan berbagai warna dan bagaimana mereka kontras seperti warna latar depan dan latar belakang. Anda dapat melihat beberapa pasangan yang efektif serta pasangan yang buruk yang harus dihindari ketika memilih warna untuk proyek situs Anda.
Tidak semua kontras yang kuat adalah kontras yang baik
Satu hal yang harus Anda perhatikan dalam bagan ini adalah bagaimana beberapa warna ini mungkin sangat terang dan muncul secara dinamis pada warna latar belakang tertentu, seperti biru pada hitam, tetapi mereka diberi label sebagai pilihan kontras yang buruk. Ini karena kombinasi warna, meskipun kontrasnya, masih menghasilkan teks yang sulit dibaca. Jika Anda membuat halaman dalam semua teks biru pada latar belakang hitam, pembaca Anda akan mengalami kelelahan mata dengan sangat cepat.
Ada aturan dan praktik terbaik untuk kontras, tetapi sebagai perancang, Anda harus selalu mengevaluasi aturan-aturan untuk memastikan bahwa mereka bekerja dalam contoh khusus Anda.
Standar branding dan pilihan warna yang kontras
Kontras hanyalah salah satu faktor yang perlu dipertimbangkan ketika memilih warna untuk desain situs web Anda. Ketika memilih warna, Anda mungkin juga harus memperhatikan standar merek untuk klien, apakah itu perusahaan, organisasi lain, atau bahkan individu. Meskipun palet warna mungkin konsisten dengan pedoman merek organisasi, mereka mungkin tidak menerjemahkan dengan baik untuk presentasi online.
Misalnya, hijau kuning dan terang sangat menantang untuk digunakan secara efektif di situs web. Jika warna-warna ini ada dalam pedoman merek perusahaan, mereka mungkin perlu digunakan sebagai warna aksen saja, karena sulit untuk menemukan warna yang kontras dengan baik.
Demikian pula, jika warna merek Anda hitam dan putih, ini berarti kontras yang besar, tetapi jika Anda memiliki situs dengan teks dalam jumlah yang sangat panjang, latar belakang hitam dengan teks putih akan menjadikan membaca sangat penting, meskipun kekuatan inheren dari kontras antara hitam dan putih. Dalam hal ini, disarankan untuk membalikkan warna, menggunakan teks hitam pada latar belakang putih. Itu mungkin tidak menarik secara visual, tetapi ini adalah pilihan kontras dan keterbacaan yang jauh lebih baik.
Alat daring
Selain selera desain Anda sendiri, ada beberapa alat online yang dapat Anda gunakan untuk menguji pilihan warna situs Anda. CheckMyColors.com akan menguji semua warna situs Anda dan melaporkan rasio kontras antar elemen di halaman.
Selain itu, ketika memikirkan pilihan warna, Anda juga harus mempertimbangkan aksesibilitas situs web dan orang-orang yang memiliki bentuk buta warna. WebAIM.org dapat membantu dengan ini, seperti ContrastChecker.com, yang akan menguji pilihan Anda terhadap Pedoman Aksesibilitas Konten Web (WCAG).
