[tips HTML] Lebih Lanjut dengan Warna Font

Sekarang gue mau sharing lebih lanjut tentang mengubah warna font. Tapi yah namanya gue ngga makan sekolahan soal web design, jadi maap2 lho ya kalo ada yang salah-salah. Source aslinya bisa lo liat di webmonkey. Journal gue sebelumnya tentang Multiply:getting started bisa diliat di sini.

Gue udah bisa mengubah2 warna font jadi merah, biru, ijo… tapi gue mau pilihan warna yang lebih banyak, misal: ijo kebiru2an, merah keijo2an, atau…ngga usah jauh2 deh: coklat. Gimana caranya?

Warna dalam web dilambangkan dalam 6 digit angka yang disebut hex-code. Sebagai 6 digit hex-code ini lo taro di kode html lo, menggantikan red, blue, green, yellow menjadi seperti ini: <font color=”#hex-code”> dengan tag penutup </font> maka tulisan lo akan berubah warna menjadi warna tertentu. Beberapa contoh tulisan yang telah dikasih warna dengan hex-code: Tulisan Hex code=336600 Tulisan Hex code=660000 Tulisan Hex code=999933 Tulisan Hex code=669900 Tulisan Hex code=666666 Tabel warna yang lumayan lengkap bisa diliat di Webmonkey

Gimana ngitungnya hex-code itu? Gue mau bikin campuran warna sendiri nih. Untuk menghitung hex-code, lo harus tau kode R-G-B (Red–Green–Blue). FYI, seluruh warna di web itu bisa diubah ke dalam kode RGB. Misal, warna putih tuh sama dengan R=255, G=255, B=255. Kalo lo udah tau RGB-nya warna yang lo mau, lo bisa ubah warna tersebut menjadi Hex-code. Misalnya lo mau buat tulisan dengan warna seperti ini, yang kode RGB-nya adalah R=90 G=158 B=133, maka langkah2nya adalah:

1. Bagi angka pertama dengan 16. Angka pertamanya kan 90, dibagi 16 sama dengan 5.625. Maka kita sudah mendapatkan digit pertama dari hex-code kita, yaitu 5.
2. Untuk mendapatkan digit hex-code ke dua, kita ambil “buntut” di belakang koma hasil pembagian yang tadi, yaitu 0.625. Angka ini dikalikan dengan 16, hasilnya 10. Nah, krn hasil pengaliannya =10 padahal tempatnya kan cuma satu digit, maka angka 10 ini diubah menjadi huruf. 10=A, 11=B, 12=C, 13=D, 14=E, 15=F. Udah, mentoknya di F doang, ngga sampe Z. (Jangan tanya kenapa, dibilangin gue nggak makan sekolahan.) Maka kita mendapatkan digit ke dua dari hex-code kita, yaitu A.
3. Untuk mencari digit ke 3, 4, 5, 6 kita menggunakan cara yang sama seperti langkah 1 dan 2 di atas, sehingga kita dapatkan hex-code dari warna tersebut adalah 5A9E85.Ribet yak..? Tapi lumayan kan kalo lo lagi iseng ngga ada kerjaan…Hehehe…

Najis deh, ribet! Tapi nanggung nih, satu pertanyaan lagi: gimana caranya gue tau kode RGB dari suatu warna? Kalo lo punya Adobe Photoshop atau Corel Draw, lo bisa liat di situ. Atau kalo lo mau coba cara kampungnya lo bisa coba langkah2 berikut: (PERHATIAN-cara ini sedemikian kampungnya sehingga ngga akan pernah diajarin di sekolahan web-)

1. Klik tombol kanan mouse pada posisi desktop, itu lho, layar komputer lo yang awal banget, waktu baru nyalain, yang ada ikon-ikon my computer, my documents, wallpaper the corrs… eh itu sih komputer gue doang yak… hehehe… Ya udah, lo klik tombol kanan mouse lo di daerah itu, di mana aja (terjemahan bebas dari “anywhere around there”).
2. Akan muncul sebuah box. Pilih “Properties”.
3. Akan muncul box berikut berjudul “Display Properties”. Pilih tab “Appearance”.
4. Di bagian tengah kotak ada tombol kecil untuk mengatur warna berjudul… apa hayo tebak… “Color” tentunya. Klik panah kecil di sebelah kotak tersebut.
5. Akan terbuka pilihan aneka warna. Klik “Other”
6. Akan terbuka palet gradasi warna yang tanda palang kaya bidikan tembaknya sniper. Bidikan sniper itu lo geser2 di area gradasi warna tersebut sampe lo menemukan warna yang lo mau. Selain geser2 bidikan sniper, lo juga bisa geser2 panah kecil di bar di sebelah kanan palet gradasi, itu untuk mengatur gelap terangnya warna pilihan lo.
7. Di bagian bawah palet gradasi ada kotak2 R, G, B, yang di sebelahnya berisi angka. Nah, itu lah kode RGB warna pilihan lo.

Atau lo juga bisa pake program namanya Dot Color. Setau gue program ini bisa didownload gratis di internet, tapi gue udah lupa situsnya apaan. Gue juga dulu dikasih sih sama temen gue. Kalo pake program Dot Color ini, lo ngga perlu ngitung2 lagi, krn saat diaktifkan, di sebelah mouse lo akan muncul kotak berisi keterangan2 kode2 RGB dan Hex dari area warna yang lagi ditunjuk sama pointer. Tinggal ngikutin kode warna yang muncul di situ. Kalo ada yang tau di mana tempat download program Dot Color ini, tolong reply yak. Makasih sebelumnya. Sumber: Webmonkey