Kamis, 06 Mei 2010

Warna dalam HTML

Pada HTML, beberapa tag dapat kita rubah warna nya. Seperti pada tabel, font dsb. Bagaimana sih format warna pada HTML. Jujur nih... yang penulis tahu sih ada dua format, yaitu hexadecimal dan RGB.

1. Hexadecimal.

Hexadecimal terdiri dari 6 digit diawali dengan simbol #. Contoh: #000000, #FF9999, #CC33FF. Mungkin kalau anda lihat, anda akan bingung. Apa sih angka dan huruf-huruf tersebut.

Oke saya jelaskan....

Sebenarnya dari 6 digit itu, dibagi 3 jadi 2 digit per warna. Maksudnya 2 digit pertama menentukan warna merah, 2 digit kedua menentukan warna hijau dan 2 digit terakhir menentukan warna biru. Digit tersebut dapat diisi dari 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. Dimana 0 merepresentasikan warna gelap dan F warna terang.

Contoh:

untuk warna merah terang tuliskan #FF0000. Seperti anda lihat, dua digit pertama diisi FF karena kita ingin membuat warna merah terang. Sedangkan sisanya kita buat 0000 karena warna lainnya tidak perlu.

untuk warna biru agak gelap tuliskan #000099. Dua digit terakhir kita isi 99 karena kita ingin biru agak gelap. Sedangkan empat digit di awal diisi 0000 karena warna lain tidak perlu.

untuk membuat warna hitam: #000000. sedangkan warna putih: #FFFFFF. warna ungu kita dapat buat dengan kombinasi biru dan merah. Jadi tuliskan: #FF00FF. Untuk ungu yang lebih gelap turunkan angka nya, misal #990099.

Berikut warna yang sering dipakai.

#000000 = hitam
#FFFFFF = putih
#FF0000 = merah terang
#00FF00 = hijau terang
#0000FF = biru terang
#FFFF00 = kuning terang
#FF00FF = ungu terang
#00FFFF = cyan
#999999 = abu-abu

masih banyak warna lain yang dapat dibuat dengan kombinasi warna Hexadecimal.

2. RGB.

prinsip nya sama saja dengan hexadecimal, hanya format nya bukan 0-9 dan A-F. Tetapi, dari angka 0 sampai 255.

contoh:

rgb(0,0,0) = hitam
rgb(255,255,255) = putih
rgb(255,0,0) = merah terang
rgb(0,255,0) = hijau terang
rgb(0,0,255) = biru terang
rgb(255,255,0) = kuning terang
rgb(255,0,255) = ungu terang
rgb(0,255,255) = cyan
rgb(150,150,150) = abu-abu

Oke, segitu aja artikel tentang format warna dalam html. C U in another article....

Tidak ada komentar:

Posting Komentar