6/17/2019

Kode Warna Pada HTML


Kode warna pada html biasanya digunakan untuk memberikan warna pada tulisan ataupun background suatu website agar tampilannya lebih menarik. Nah untuk menambahkan warna kan biasanya ada yang make seperti ini color="blue" itu sih boleh-boleh aja. Tapi gimana kalo warnanya ingin ke biru yang gelap gimana? agak susah kan.

Terus bagaiamana cara mengatasi nya? Kalian bisa menggunakan kode hex RGB. Contoh kode hex RGB untuk warna putih #FFFFFF

Apa itu RGB?

RGB adalah singkatan dari Red, Green, Blue yang artinya tiga warna itu digunakan untuk menghasilkan warna-warna lain. Seperti merah dengan biru dicampur menjadi warna merah muda.


Oh ya kalian ga perlu bingung bagaimana cara mendapatkan kode hex rgb. Saya sudah menyediakan alatnya dibawah. Kalian tinggal mencari warna yang sesuai dengan keinginan kalian kemudian kodenya akan muncul secara otomatis. Jadi ga perlu cari-cari digoogle deh. Contoh saya akan mencari warna jingga.




 Kalian pilih warna yang ingin kalian gunakan kemudian akan muncul deh kode hex nya. Untuk pengaplikasian nya cukup mudah. Contoh saya akan membuat Jingga seperti itu.

Bagaimana cara pewarnaan untuk background dan warna text di sebuah website?

Untuk caranya cukup mudah gan. Simpel tidak perlu repot-repot. Contoh saya akan membuat seperti gambar dibawah ini.


Cara penulisan kode warna menggunakan kode hex rgb seperti berikut
<html>
<head>
<title>Warna Pada HTML</title>
  <style type="text/css">
    body {background-color: #FAFF00;
    }
  </style>
</head>
<body>
<h1>Belajar Kode Warna di Dunia Internet 19</h1>
</body>
</html>
Kalian bisa mengubah warnanya sesuai keinginan kalian. Kalian juga bisa menggunakan kode rgb nya untuk mengganti warna. Caranya kalain ubah aja #FAFF00 nya menjadi rgb(250, 225, 0) kok bisa gitu? Karena 250, 225, 0 adalah kode rgb untuk warna yang diatas. Sebenarnya antara #FAFF00 sama 250, 225, 0 itu ga ada bedanya. Cara penulisan kodenya juga sesuai keinginan kalian.

Untuk memberikan warna text juga hampir sama. Contoh saya akan memberikan warna biru pada text yang diatas.


Penulisannya juga sama kaya menambahkan warna pada background tadi. Source code nya seperti ini.

<html>
<head>
<title>Warna Pada HTML</title>
  <style type="text/css">
    body {background-color: rgb(250, 225, 0);
    }
  </style>
</head>
<body>
  <h1 style="color: #2A00FF;">Belajar Kode Warna di Dunia Internet 19</h1>
</body>
</html>
Nah sama aja kan. Penambahan warna itu sebenarnya cukup mudah dan banyak caranya. Tapi saya buat sedemikian rupa biar blog saya ga disangka blog copas gan.

Sekian artikel kali ini. Semoga artikel ini bermanfaat bagi kalian. Selamat berkrativitas!

0 komentar

Post a Comment