Background Color Code Html

4 min read Jul 03, 2024
Background Color Code Html

Background Color Code HTML

Warna latar belakang pada HTML ditentukan dengan menggunakan atribut style dan properti background-color. Properti ini menerima kode warna sebagai nilainya. Kode warna bisa berupa:

  • Nama warna: Nama warna seperti "red", "blue", "green", "yellow", dll.
  • Hexadecimal: Kode warna Hexadecimal ditulis dengan tanda pagar (#) diikuti dengan enam digit heksadesimal (0-9 dan A-F). Contoh: #FF0000 untuk warna merah.
  • RGB: Kode warna RGB menggunakan tiga nilai dari 0-255 untuk mewakili intensitas warna merah, hijau, dan biru. Contoh: rgb(255, 0, 0) untuk warna merah.

Berikut beberapa contoh implementasi kode warna latar belakang:

Contoh Penggunaan Nama Warna:




Background Color


  

Judul Halaman

Isi halaman

Kode di atas akan menampilkan halaman dengan latar belakang berwarna biru.

Contoh Penggunaan Hexadecimal:




Background Color


  

Judul Halaman

Isi halaman

Kode di atas akan menampilkan halaman dengan latar belakang berwarna merah.

Contoh Penggunaan RGB:




Background Color


  

Judul Halaman

Isi halaman

Kode di atas akan menampilkan halaman dengan latar belakang berwarna hijau.

Menambahkan Warna Latar Belakang ke Elemen Tertentu:

Anda juga dapat menambahkan warna latar belakang ke elemen HTML tertentu dengan menggunakan tag <style> atau atribut style di elemen tersebut:




Background Color



  

Judul Halaman

Isi halaman

Kode di atas akan menampilkan judul halaman dengan latar belakang kuning, sedangkan isi halaman akan menggunakan warna latar belakang default.

Tips:

  • Gunakan alat pemilih warna untuk mendapatkan kode warna yang Anda inginkan.
  • Gunakan nama warna yang umum agar kode Anda lebih mudah dipahami.
  • Jangan terlalu banyak menggunakan warna latar belakang, karena dapat membuat halaman terlihat terlalu ramai.
  • Perhatikan kontras antara warna latar belakang dan teks agar teks mudah dibaca.

Dengan memahami kode warna latar belakang HTML, Anda dapat membuat halaman web Anda lebih menarik dan profesional.

Latest Posts