Warna, suatu hal yang memegang peranan penting dalam kehidupan. Begitu juga dalam berbloging ria.
Hanya dengan mengganti sebuah elemen warna, itu sudah bisa membuat blog kita terlihat berbeda dengan yang lain, sehingga para pengunjung tidak merasa bosan pada pandangan pertama. Coba baca "Mendatangkan Pengunjung ke Blog".

Walaupun sebenernya susunan kode warna html itu sederhana, tapi masalah akan jadi rumit bagi seorang newbie seperti aku ini.
Kalau kita mau warna merah untuk background blog kita, kita tidak bisa menulis "merah" begitu saja. Tapi perlu menulis kode-kode dengan susunan tertentu.


Bagaimanakah susunan kode itu?
Kode warna HTML selalu terdiri dari deretan angka dan atau huruf yang diawali tanda "#". Deretan angka dan atau huruf itu adalah angka-angka dalam format hexadecimal.
Sebagai contoh, "FF" dalam hexadecimal berarti 255 dalam format decimal. Dan itu juga berarti memiliki nilai yang paling tinggi.

Arti kode.
Tentunya deretan angka hexadecimal itu memiliki sebuah arti bukan?!
Deretan tersebut mewakili warna dalam sistem "RGB", dimana dua kode pertama berarti merah, dua kode berikutnya hijau dan dua kode yang terakhir mewakili warna biru.

Dari penggabungan ketiga element warna tersebut menghasilkan sebuah kombinasi warna-warna lain yang unik. "FF" akan mewakili intensitas warna yang paling tinggi dan "00" intensitas warnanya paling rendah.

Berikut contoh kode warna beserta hasilnya.

#FF0000 - KOde ini menunjukan hanya ada warna merah tanpawarna hijau dan biru.
Hasilnya akan tampak seperti ini:     

#00FF00 - Pada kode seperti ini, hanya ada warna hijau.
Hasilnya seperti ini:     

#0000FF - Kode ini menunjukan tidak ada warna merah maupun hijau. Hanya ada biru.
Hasilnya:     

#FFFF00 - Perpaduan antara merah dan hijau akan menghasilkan warna kuning:     

#CCEEFF - Sedikit warna merah, lebih banya elemen hijua dan full warna biru bila dicampur akan menghasilkan biru langit:     




Kurang banyak ya?? Nulis segitu aja jari-jari tangan pada gempor, kok minta nambah!!
Kalau kurang, temen-temen bisa memakai HTML color picker yang banyak beredar di dunia maya ini. Atau kalau mau bisa memakai HTML color picker yang aku buat. Walau masih sangat sederhana, tapi dia juga aku kasih teori seputar kode warna html dan juga sedikit contoh pemakaianya.

HTML color picker safe | HTML color picker

Menurut kamu berguna gak? Kalau ya, langganan aja via E-Mail. Klik disiniAdd to Technorati Favorites

Mungkin Kamu Mau Baca Ini:

11 yang bercuap

Bang Irwan said...

@' heheheh...makasih ya, elmunya manfaat banget. Soalnye aku suka acak2 warna template. Makachi...

Anonymous said...

masih ada kode warna yang lain ga

Anonymous said...

@andi, silakan saja klik link color picker diatas, warnanya udah lengkap kok... OK*

Anonymous said...

Trimakasih atas infox. Tapi mo nx nich, value n color itu apa bedax klw edit html?

Ansi Fahrunisa said...

Siip lah postingnya!
Menyusun skema warna yang serasi dan sesuai dengan topik web emang bukan kerjaan mudah, termasuk buat yg pro. Tp ada cara gampang buat bikin skema warna ini yaitu dengan mengambil sampel warna dari photo yang ada hubungannya dengan topik web dan untuk memilih kode warnanya kita gunakan Photoshop.

Unknown said...

asss......
mas empunya blogger ponorogo salam kenal aja ini.
aku jg anake singo,tapoi posisi di karawang.
maen ke blog ku yo......
www.onlinepandutir.co.cc :)]

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =)) :.(( B-) 0:: :v) OK* 0[] 0"* :b: v0^ 2;7 *

Post a Comment

Silakan tulis komentarkamu di sini. Mohon gak ada spam ya, karena kalau ketemu spam pasti aku hapus.
Untuk menghindari adanya broken link, sertakan pula http:// nya saat menulis alamat blog kamu.

Untuk memakai emoticon seperti diatas, cukup copy paste code yang ada disamping emoticon yang mau dipakai.