• Tentang Kami
  • Portofolio
  • Paket Web
  • Tutorial Website
  • GRATISAN
  • Lokasi
  • Artikel
Menu
  • Tentang Kami
  • Portofolio
  • Paket Web
  • Tutorial Website
  • GRATISAN
  • Lokasi
  • Artikel

Cara Memilih Warna Dominan Untuk Website

CategoriesArtikel / tutorial website

Yudith Hentreisa

September 13, 2020

0 0

Share this post

Cara Memilih Warna Dominan Untuk Website Anda agar terlihat menarik dan disukai pelanggan. ini adalah part 2 dari artikel sebelumnya yaitu Cara Memilih Paduan Warna Yang Bagus Untuk Website silahkan berkunjung ke artikel tersebut terlebih dahulu agar lebih memahami penjelasan mengenai warna pada website.

Sekarang setelah Anda memiliki warna dominan, Anda ingin menggunakan warna di tempat yang tepat di bagian situs web Anda.

Warna menarik banyak perhatian, jadi Anda tidak ingin sembarangan memasukkan warna

Berikut aturan umum:

Hanya gunakan warna dominan Anda di sejumlah tempat yang Anda inginkan agar diperhatikan pengunjung situs web Anda, atau jika Anda ingin pengunjung Anda melakukan tindakan tertentu (seperti menelepon nomor telepon, mengisi formulir kontak, mendaftar ke buletin, dll.).

Pada dasarnya, warna dominan Anda seharusnya “menonjol” – benar-benar menyoroti di mana Anda ingin pengunjung Anda fokus.

Cara Memilih Warna Dominan Untuk Website
Source: Wix.com

Memilih warna aksen anda

Sangat membosankan hanya memiliki 1 warna tunggal di seluruh situs web Anda.

Untuk membuat desain Anda lebih menarik (dan profesional), Anda memerlukan warna aksen untuk menyoroti bagian situs web Anda yang menarik perhatian seperti tanda kutip, tombol, atau subtitle.

Pencampuran dan pencocokan warna sebenarnya membuat takut banyak orang karena tidak selalu mudah atau intuitif untuk membedakan warna mana yang menyatu dengan baik tanpa pemahaman yang baik tentang teori warna, dan banyak trial and error.

Tapi, siapa yang punya waktu untuk menyandang gelar Ph.D. dalam teori warna ?! – Bukan saya.

Syukurlah ada jalan pintas yang bisa digunakan semua orang !! Ini adalah alat pencocokan warna yang dapat membantu Anda menggabungkan warna seperti seorang profesional!

Setelah Anda memiliki warna dominan, sangat mudah untuk menemukan warna aksen Anda dengan menggunakan alat pencocokan warna seperti

Adobe Color CC tool.

Adobe Color CC terlihat rumit, tetapi sebenarnya ini adalah alat yang cukup sederhana untuk digunakan.

Kami telah membuat tutorial singkat untuk menunjukkan cara menggunakannya untuk membangun skema warna Anda dengan dua cara berikut:

#1 Menggunakan warna yang dipilih sebelumnya untuk membuat skema warna

Langkah 1: Pertama – dapatkan kode warna warna dominan Anda dari ColorPicker.com. Kode warna terletak tepat di atas kotak persegi warna.

Setelah Anda memiliki kode warna dari ColorPicker.com, masukkan ke dalam kotak “HEX” di Adobe Color CC Tool. Pastikan Anda memasukkan kode ke dalam kotak HEX di kolom tengah:

Cara Memilih Warna Dominan Untuk Website
Source: color.adobe.com

Setelah itu Adobe Color CC Tool akan menampilkan warna pilihan Anda, dengan beberapa warna pelengkap lainnya.

Langkah 2: Di sisi kiri Alat Adobe Color CC, Anda akan melihat pengaturan Warna berikut:

  • Analogous
  • Monochromatic
  • Triad
  • Complementary
  • Compound
  • Shades
Cara Memilih Warna Dominan Untuk Website
Source: color.adobe.com

Klik pada Aturan Warna untuk melihat berbagai skema warna dan pilih yang Anda suka. Semua warna yang disajikan akan bekerja dengan baik satu sama lain.

Langkah 3: Sempurnakan skema warna Anda dengan menyeret salah satu pemilih warna.

Penting jangan memindahkan pemilih warna tengah dengan panah kecil agar warna dominan Anda tetap konstan.

Cara Memilih Warna Dominan Untuk Website
Source: color.adobe.com

Langkah 4: Salin kode skema warna Anda di bagian bawah tool.

Kode warna hex ini adalah kode warna yang dapat Anda gunakan untuk situs web Anda – semuanya akan bekerja dengan baik dengan warna dominan Anda.

Pembuat situs web seperti WordPress, Wix, Squarespace, Weebly, dll, semuanya memberi Anda opsi untuk memasukkan kode warna HEX untuk menata bagian-bagian tertentu dari situs web. Anda dapat melihat bagan perbandingan pembuat situs web kami di sini.

how to choose color
Source: color.adobe.com

Untuk langkah selanjutnya akan di posting di Part ke 3. Terimakasih sudah membaca artikel Cara Memilih Warna Dominan Untuk Website

Tags: memilih warna web, tutorial design web, web design

Related Post

JUNI 9, 2026

Biaya Pembuatan Website...

Di tengah persaingan industri konstruksi yang semakin ketat, website telah menjadi salah...

00

JUNI 9, 2026

Biaya Pembuatan Website...

Di era digital tahun 2026, website sekolah bukan lagi sekadar pelengkap, tetapi sudah...

00

JUNI 9, 2026

Biaya Pembuatan Website...

Di tahun 2026, website company profile menjadi salah satu kebutuhan utama bagi perusahaan...

00

JUNI 9, 2026

Berapa Biaya Pembuatan...

Di era digital seperti sekarang, website bukan lagi kebutuhan tambahan, melainkan aset...

00

MEI 31, 2026

Ebook Cuan dari Rumah: Cara...

Ebook Cuan dari Rumah – Ingin memulai bisnis online tetapi masih bingung harus...

00

DESEMBER 27, 2025

Cara Melindungi Data Pribadi...

Cara Melindungi Data Pribadi Agar Tidak Masuk Database Mata Elang – Kasus bocornya...

00

Recent Posts

  • Berapa Biaya Pembuatan Website di Indonesia Tahun 2026?

    Juni 9, 2026
  • Panduan biaya pembuatan website kontraktor 2026

    Biaya Pembuatan Website Kontraktor 2026: Panduan Lengkap untuk Perusahaan Konstruksi

    Juni 9, 2026
  • Biaya pembuatan website sekolah 2026

    Biaya Pembuatan Website Sekolah 2026: Panduan Lengkap untuk SD, SMP, SMA, dan SMK

    Juni 9, 2026
  • Biaya Pembuatan Website Company Profile 2026: Panduan Lengkap untuk Perusahaan dan UMKM

    Juni 9, 2026
  • Ebook Cuan dari Rumah: Cara Menjual Produk Hingga Omzet Miliaran Rupiah

    Ebook Cuan dari Rumah: Cara Menjual Produk Hingga Omzet Miliaran Rupiah

    Mei 31, 2026
COPYRIGHT © 2025 | CREATED BY YUDITH / SUNDAKREATIF.COM