Hubungan Antara Color Hex dengan RGB

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 16¹) + (0 x 16⁰) = 192

unsur green: ff
ff = (15 x 16¹) + (15 x 16⁰) = 255

unsur blue: ee
ee = (14 x 16¹) + (14 x 16⁰) = 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)

Apabila anda menyukai postingan ini, anda bisa men-sharenya ke yang lain. Semisal ke Facebook atau Twitter. Silakan klik salah satu pilihan dibawah.

Artikel Menarik Lainnya