Minggu, 19 Mei 2013

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 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)


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

Buzz It

Artikel Menarik Lainnya



19 komentar:

obat benjolan di leher alami mengatakan...

hmmm, artikel yang bagus dan menarik.. ada-ada saja

Sage Harman mengatakan...

Hi,

My name is Sage and I have really enjoyed reading your blog. I love how useful a lot of your topics are. I was wondering if we could exchange shout-outs. Would you please consider mentioning my website on your next post? I’ll be sure to mention yours on my blog. Thanks and hope to hear from you soon!

Cheers,

Sage
sage.harman123 at gmail.com

smartphone

Obat Herbal Sakit Kepala Sebelah mengatakan...

ok gan..sip untuk info nya

Pengobatan Alami Radang Otak mengatakan...

thanks for info

Obat Tradisional Diabetes Terbaru mengatakan...

nice info sobb..:)

Obat Tradisional Darah Tinggi Terbaru mengatakan...

menarik bro artikelnya, terimakasih

Obat Tradisional Ambeien mengatakan...

jadi nambah pengetahuan+wawasan nya sob

Solusi Alami Mengatasi Kanker Lidah mengatakan...

sip bro, mantep infonya

Pengobatan Alami Tumor Hati mengatakan...

mantep bro

Obat Herbal Radang Amandel mengatakan...

nice artikel, i like it

obat alami hernia terbaru mengatakan...

makasih gan infonya sangat membantu..

Solusi Alami Mengatasi Kanker Payudara mengatakan...

makasih sob untuk info dan ilmunya

obat tradisional liver empedu mengatakan...

thanks untuk info nya

Obat Tradisional Radang Paru Paru Terbaru mengatakan...

nambah lagi pengetahuan nih, sukses terus gan

Obat Herbal Varikokel mengatakan...

makasih unuk info artikelnya

Cari uang lewat ekiosku.com mengatakan...

Mantab..akhir sampai juga

Obat Hidung Tersumbat Pada Anak mengatakan...

Seperti rumus kimia ya ? :D

Julius Tanuwijaya mengatakan...

thanks, gan caranya membntu sekali..

poker mengatakan...

poker online
Agen Domino
Agen Poker
Kumpulan Poker
bandar poker
Judi Poker
Judi online terpercaya
bandar qiu

Posting Komentar

Apa pandapat anda terhadap artikel ini? Berkomentarlah tanpa rasa malu, ragu dan takut.

Komentar diluar tanggung jawab pemilik blog. Jika anda berkomentar yang berbau pornografi atau sara, maka itu risiko anda sendiri.

Jika anda mengirimkan komentar spam, maka akan saya hapus.

Jika anda tidak ingin komentar anda ditampilkan, silakan kirimkan e-mail di halaman email me.

Jika anda ingin berceloteh bebas, silakan tuju halaman ini.

Anda dapat menggunakan beberapa tag HTML seperti <b>, <i>, <u>, <a>, <strike>, <sub>, <sup>, dan lain-lain. Anda juga dapat menggunakan emoticon Plurk seperti (lmao) (taser) (haha).

Untuk link exchange bisa dilakukan dihalaman ini, sedangkan banner exchange dihalaman ini. Permintaan link exchange dan banner exchange selain dihalaman tersebut tidak akan dilayani.



Emoticon yang dapat digunakan [Tampilkan] [Sembunyikan]



:-))
:-)
:-D
(lol)
:-p
(woot)
;-)
:-o
X-(
:-(
:'-(
:-&
(K)
(angry)
(annoyed)
(wave) | (bye)
B-)
(cozy)
(sick)
(:
(goodluck)
(griltongue)
(mmm)
(hungry)
(music)
(tears)
(tongue)
(unsure)
(highfive)
(dance)
(blush)
(bigeyes)
(funkydance)
(idiot)
(lonely)
(scenic)
(hassle)
(panic)
(okok)
(yahoo)
(cry)
(doh)
(brokenheart)
(drinking)
(girlkiss)
(rofl)
(money)
(rock)
(nottalking)
(party)
(sleeping)
(thinking)
(bringit)
(worship)
(applause)
8-)
(gym)
(heart)
(devil)
(lmao)
(banana_cool)
(banana_rock)
(evilgrin)
(headspin)
(heart_beat)
(ninja)
(haha)
(evilsmirk)
(eyeroll)
(muhaha)
(taser) | (rammi)
(banana_ninja)
(beer)
(coffee)
(fish_hit)
(muscle)
(smileydance)
(fireworks)
(goal)
(bzzz)
(dance_bzz)
(Русский)
(code)
(morning)

Cara menggunakan: ketikkan emoticon yang diinginkan. Untuk yang ada pemisah berupa "|" maka itu adalah alternatif. Seperti (wave) | (bye) maka bisa (wave) bisa (bye)


Pengikut

Follow via NetworkedBlogs



Jangan lupa jadi fans Muhammad Rizki Fadillah's Blog di Facebook. Klik link di bawah ini.

http://www.facebook.com/pages/Tips-Trik-Matematika-Tutorial-Blogging-Muhammad-Rizki-Fadillahs-Blog/277782561876

Setelah mengklik link diatas, klik tombol Become A Fan untuk menjadi fans Muhammad Rizki Fadillah's Blog.