Web Design: Mempelajari Warna Heksadesimal.

Friday 1 March 2013

Kalau kalian suka blogging, atau suka menjelajah dunia internet atau suka ngedesain menggunakan software kayak corel atau adobe creative suite, kalian pasti tau kalau konfigurasi warna pada dunia komputer itu menggunakan kode warna heksadesimal.

Apasih kode-kode itu?

Contoh:

  • ini warna hitam, kodenya: #000000
  • ini warna kuning, kodenya: #FFFF00
  • ini warna merah, kodenya #FF0000

Mungkin kalian udah tau, kalau layar komputer itu terdiri dari jutaan titik kecil yang disebut pixel.

Nah, pixel itu singkatnya adalah lampu 3 warna. Yaitu Red(R) Green(G) Blue(B).

Inilah yang disebut Warna RGB. Cara kerjanya gini:

Pixel bisa mengeluarkan campuran ketiga warna tersebut. Nah, kombinasi ketiga warna tadi akan menghasilkan warna-warna yang berbeda kan? misalnya warna merah, campur hijau, campur biru, akan menghasilkan warna putih. Sementara warna hijau campur merah akan menghasilkan warna kuning. Nah, warna-warna yang kita lihat di komputer ini adalah kombinasi ribuan pixel dari 3 warna dasar ini.

Terus kodenya gimana?

Nggak terlalu rumit kok.

Pada kode ini, angka bukanlah 0 sampai 9, melainkan 0 sampai F, kok bisa? Inilah yang disebut heksadesimal. Kayak gini nih angkanya:

0 1 2 3 4 5 6 7 8 9 A B C D E F

Kode Heksa menggunakan angka ini. Kode yang kita lihat itu sebenarnya pengaturan ketiga warna tersebut. 2 angka yang pertama melambangkan banyaknya warna merah yang dihasilkan, 2 angka kedua adalah warna hijau, dan 2 angka ketiga untuk warna biru.

Jadi #00FF00 artinya:

Merah bernilai nol(Tidak ditampilkan).
Hijau bernilai FF(Maksimal).
Biru bernilai nol(Tidak ditampilkan).

Warna yang keluar adalah warna hijau. Oh ya, bisa dibayangkan kalau angka yang pertama itu 'puluhan' dan yang kedua itu 'satuan'. Jadi 0F dan F0 sangat berbeda. seperti 09 dan 90.

Selamat mencoba!!

No comments:

Post a Comment

None

 

Hits

Stack Overflow

Blogroll

Blog Nanda
Days of Nan - http://nan2598.blogspot.com/

Writings of Niti
Niti No Kakikomi - http://samazamanakakikomi.blogspot