Color Hex Code adalah kode warna dengan angka-angka dari 0-9 dan huruf A-F. Color Hex (sebenarnya Hexadecimal) disebut demikian karena mengandung angka-angka berbasis 16. Sedangkan RGB adalah susunan warna yang disusun dari warna Merah, Hijau, dan Biru. Pada kode HTML dan CSS, anda boleh saja menulis seperti ini:
color: #FFFFFF
atau
color: rgb(255,255,255)
Dan setelah diselidiki, ternyata ada hubungan erat antara hex code dengan RGB color.
Coba perhatikan.
Hex code untuk warna hitam adalah #000000, dan RGB-nya: rgb(0,0,0)
Putih: #ffffff, dan rgb(225,225,225)
Ungu: #ff00ff, rgb(225,0,225)
Yap. Hex code adalah jenis lain untuk RGB. Artinya, jika Color Hex code dibagi menjadi 3 bagian (tidak termasuk tagar), maka itu merepresentasikan masing-masing bagian dari RGB-nya.
Contoh:
warna ungu #ff00ff, kita bagi menjadi:
#ff00ff
tanda pagar (#) menandakan itu adalah hex color. sementara dua angka/huruf pertama adalah komposisi red pada RGB dalam basis 16. dua angka/huruf berikutnya adalah komposisi green pada RGB dalam basis 16. Sementara dua angka/huruf terakhir, tentu saja adalah komposisi blue pada RGB dalam basis 16.
konversi dari hex ke RGB
Pertama-tama bagilah dua-dua seperti diatas (abaikan tanda pagar)
misal: #c0ffee (c-angka nol-ffee bukan coffee, salah satu dari kata yang dapat dibeentuk jadi kode warna)
dibagi menjadi c0-ff-ee.
unsur red: c0.
Lalu konversi menjadi angka basis 10. Ingat. a pada basis 16 = 10 pada basis 10, b = 11, c = 12, d = 13, e = 14, f = 15.
c0 = (12 x 161) + (0 x 160) = 192
unsur green: ff
ff = (15 x 161) + (15 x 160) = 255
unsur blue: ee
ee = (14 x 161) + (14 x 160) = 238
maka rumus RGB-nya adalah: rgb(192,255,238)
konversi dari RGB ke hex
Kalau yang ini kebalikannya. Angka dari desimal dikonversi menjadi hexadecimal (basis-16). Caranya begini.
Misal: rgb(123,45,224)
yang pertama adalah unsur red: 123, konversi ke basis-16.
123 : 16 = 7 sisa 11. catat sisanya = b (kalau sisa 10 ganti jadi a, 11=b, 12=c, 13=d, 14=e, 15=f)
hasil bagi yang tadi:7 dibagi 16 sisanya 7 (ya iyalah). catat sisanya.
Jika sisanya digabungkan, maka hasilnya: b7. Eh, tapi tunggu dulu. Ternyata harus dibalik. Maka jadinya 7b.
selanjutnya unsur green: 45.
45 : 16 = 2 sisa 13. Maka sisanya = d
2 dibagi 16 sisa 2.
Maka hasilnya: d2. Jangan lupa dibalik. jadi: 2d.
selanjutnya adalah unsur blue: 224.
224 : 16 = 14 sisa 0
14 : 16 sisa 14 = e.
Maka hasilnya (sudah dibalik): e0.
Maka, hex color code dari rgb(123,45,228) adalah #7b2de0
Oke. Sekian dari saya dan kalau masih bingung (yah maklum udah lama nggak nulis blog jadi udah rada nggak rapih) silakan komentar dibawah. Selamat sore. (bye)
