Cara Menggunakan Kode Warna HTML

Menambahkan warna ke desain situs web Anda mudah dilakukan dengan kode warna HTML.

Buka bagan kode warna HTML Web-safe dan periksa warna yang tersedia. Meskipun sebagian besar komputer dapat menampilkan warna apa pun, menggunakan warna yang aman untuk Web saja merupakan opsi yang lebih mudah diakses. Selain itu, ada banyak pilihan warna. Pilih warna untuk proyek Anda yang sesuai dengan tema dan desain situs web Anda. Aturan praktis yang baik adalah memilih dua warna pelengkap dan satu warna aksen. Warna netral seperti hitam, putih, abu-abu atau cokelat adalah pilihan bagus lainnya.

Salin kode warna HTML 6 karakter untuk warna yang ingin Anda gunakan di situs web Anda. Ini terdiri dari angka 0, 3, 6 dan 9, dan huruf C dan F dalam berbagai kombinasi. Kode 6 karakter ini akan digunakan dalam kode situs web HTML Anda di mana pun Anda ingin membuat aksen warna-warni.

Pilih satu warna untuk menjadi latar belakang website Anda. Untuk mengubah latar belakang warna ini, gunakan kode HTML "

" dan ganti kode 6 karakter dengan kode warna yang Anda inginkan. Karena ini adalah warna untuk seluruh latar belakang isi halaman Web, cuplikan kode HTML ini menggantikan yang biasa "" tag.

Ubah warna teks, judul, atau tautan apa pun di halaman situs web Anda dengan memasukkan kode warna dan kode HTML yang sesuai di dalam halaman kode situs web Anda. Teks apa pun dapat diwarnai dengan menambahkan atribut HTML "" ke kode. Misalnya, untuk mengubah warna judul besar, cukup tambahkan "

Menuju

" ke kode situs web Anda.

Ubah warna semua judul di situs web Anda dengan menggunakan cascading style sheets (CSS). Gunakan kode kode "h1 {color:#336699;}" di antara "

" dan "" tag di kode situs web Anda. Setiap kali Anda membuat kode "

" di situs web Anda, itu akan menjadi warna itu. CSS adalah metode standar untuk menata situs web. Ini juga memudahkan untuk masuk dan membuat perubahan jika Anda ingin mendesain ulang.

Ubah warna font, tautan, dan lainnya di CSS. Gunakan cuplikan kode CSS "p {color:#336699;}" untuk font. HTML untuk setiap blok teks harus dibatasi oleh "

" dan "

" tag. Warna tautan dapat diubah dengan menggunakan "{color:#336699;}" dan "" dalam kode situs web HTML Anda. Tag HTML lainnya, seperti batas gambar, aturan horizontal, dan sel tabel juga dapat diubah dengan menggunakan cuplikan kode CSS dasar "{color:#336699;}".