Memberikan Warna dengan Nilai Hexadesimal

Salah satu cara memberikan warna dalam HTML adalah dengan menggunakan nilai Hexadesimal 6 digit yang diawali dengan tanda pagar (#), misalnya #FF0000. Nilai hexadesimal bisa kalian berikan pada properti color, background, dan properti lain yang menggunakan warna. Kalian bisa saja menggunakan konstanta nama warna. Tapi, warna yang dihasilkan nama-nama warna tersebut terbatas.

Warna-warna yang ditampilkan di monitor pada dasarnya adalah perpaduan 3 warna dasar cahaya. Warna-warna dasar tersebut adalah merah (red), hijau (green), dan biru (blue). Nilai hexadesimal pada properti CSS akan dibagi 3 angka untuk mewakili intensitas tiap warna dasar yang akan dicampurkan. Misalnya #FF0705 akan dibagi tiga menjadi FF (mewakili merah), 07 (mewakili hijau), dan 05 (mewakili biru).

Contoh kode HTML yang menggunakan nilai hexadesimal bisa kalian lihat di bawah ini.
<HTML>
<HEAD>
    <TITLE>Belajar HTML</TITLE>
    <link rel="stylesheet" href="cssku.css">
</HEAD>
<BODY>
    <h2 class="styleku">Judul</h2>
    <p>paragraf 1</p>     <p>paragraf 2</p>     <p>paragraf 3</p>     <p>paragraf 4</p>     <p>paragraf 5</p>     <p>paragraf 6</p>     <p id="styleku">paragraf 7</p> </BODY> </HTML>
Kode CSS-nya (cssku.css) :
.styleku{
    color : #FF0000;/*merah*/
}

#styleku{
    color: 0000FF;/*biru*/
    background : #FFFF00;/*kuning*/
}


Kalian tidak harus paham cara mengubah angka hexadesimal menjadi angka desimal, atau sebaliknya. Kalian bisa menggunakan kalkulator untuk membantu konversi bilangan. Kalian juga bisa copas nilai hexadesimal dari beberapa aplikasi desain grafis yang biasanya menampilkan nilai hexadesimal di paletnya. Jadi, kalau kalian tidak tertarik dengan cara konversi bilangan dan rumus matematika, abaikan saja apa yang saya tulis di bawah ini.

Kalau contoh di atas masih kurang jelas, kalian bisa mendownload kode HTML dan CSS-nya di sini.

Mengubah Desimal Menjadi Hexadesimal

Bilangan hexadesimal adalah bilangan berbasis 16. Angka 0 sampai dengan 9  pada bilangan hexadesimal sama dengan angka pada bilangan desimal. Tapi, angka 10 sampai dengan 15 pada bilangan hexadesimal digantikan dengan huruf A, B, C, D, E, F.
Desimal Hexadesimal
1 1
2 2
3 3
4 4
5 5
6 6
6 6
7 7
8 8
9 9
10 A
11 B
12 C
13 D
14 E
15 F
16 10
Digit kedua dari kanan nilainya dikalikan dengan 16 dan ditambahkan pada digit paling kanan. Digit lainnya dikalikan dengan 16 yang dipangkatkan sesuai posisi angka yang akan dikalikan. Contoh cara mengubah angka hexadesimal menjadi angka desimal bisa kalian lihat di bawah ini.
  • 58 => (5 x 161)+8 = 80+8 = 88
  • FF => (15 x 161)+15 = 240+15 =255
  • 111 => (1 x 162) + (1 x 161) + 1 = 256+16+1 = 273

Mengubah Bilangan Desimal Menjadi Hexadesimal

Untuk mengubah bilangan desimal menjadi hexadesimal, kalian perlu paham operator modulus (mod) yang digunakan untuk mencari sisa hasil bagi. Angka yang akan diubah perlu dibagi dengan 16n. Setelah itu, sisa hasil baginya dibagi lagi dengan angka 16n yang lebih kecil. Sebelum membahas cara mengubah angkanya, lihat tabel 16n berikut ini!

Desimal Hexadesimal
160
1
161
16
162
256
163
4096
164
65536

16n akan kalian perlukan untuk mengubah bilangan desimal menjadi bilangan hexadesimal. Langkah-langkah yang lebih rinci bisa kalian lihat di bawah ini.
  1. Bagi bilangan yang diubah dengan 16n terdekat yang lebih kecil dari bilangan tersebut. 
  2. Bagian bulat dari hasil baginya akan menjadi digit dari angka hexadesimal, dimulai dari digit paling kiri.
  3. Cari sisa hasil baginya. Jika sisa hasil baginya di bawah 16 maka itu adalah digit terakhir (yang paling kanan)
  4. Jika sisa hasil baginya sama dengan 16 atau lebih, maka sisa hasil baginya bisa digunakan untuk mencari digit berikutnya. Bagi sisa hasil baginya dengan 16n yang lebih kecil. 
  5. Ulang langkah 1 s.d. 4 sampai sisa hasil baginya di bawah 16.
Untuk angka di bawah 256, kalian tidak perlu mengulang-ulang prosesnya karena sisa hasil baginya pasti di bawah 16.
Contoh :
  • Ubah 148 menjadi bilangan hexa desimal!
  • 16n yang terdekat dan lebih kecil dari 148 adalah 16.
  • 148 : 16 = 9,25 (Ambil bulatnya sebagai digit pertama, 9)
  • 148 mod 16 = 148 - (16 x 9) = 148-144 = 4 (gunakan sebagai digit terakhir)
  • Jadi, 148 angka hexadesimalnya adalah #94. Kalau dijadikan 6 digit, cukup tambahkan beberapa angka 0 di kiri sehingga jadi #000094.