Di artikel ini saya ingin mengembangkan sebuah tutorial sederhana perihal cara mudah untuk mengetahui isyarat HTML dari suatu warna. Kita tahu warna itu ada berjuta-juta jumlahnya. Dan terang memang susah untuk menghafal isyarat HTML yang mendasri pembentukan warna tersebut. Karena setiap warna itu unik dan memiliki isyarat HTML masing-masing. Adapun untuk warna-warna dasar, isyarat HTML nya memang cukup beraturan, tidak terlalu ribet. Warna-warna dasar tersebut seperti:
black #000000 - white #FFFFFF
red: FF0000 - Yellow #FFFF00
Blue #0000FF - Gray #808080
Silver #C0c0c0 - Green #008000
Purple #800080
red: FF0000 - Yellow #FFFF00
Blue #0000FF - Gray #808080
Silver #C0c0c0 - Green #008000
Purple #800080
Nah, bagi teman yang ingin mengetahui isyarat HTML dari warna anu atau warna anu lainnya. Misal dikala Anda mengunjungi sebuah blog, dan kemudian tertarik untuk menggunakan warna serupa dengan blog tsb, tapi tidak tahu isyarat warna HTML nya,maka berikut ialah tutorial sederhana yang mampu teman terapkan untuk mengetahui isyarat HTML dari warna tersebut.
Adapun media alat bantu yang biasa saya gunakan di sini ialah Adobe Photoshop. Misal saya ingin mengetahui isyarat HTML dari warna dasar yang digunakan pada template blog strategimanajemen.net. Di sana Pak Yodhia Antariksa (si empunya blog) menggunakan warna dasar biru muda untuk header blognya. Nah untuk mengetahui isyarat HTML dari warna tersebut secara tepat, caranya ialah sebagai berikut:
- 1. Silakan teman lakukan Screen Shoot pada tampilan warna yang ingin diketahui warna HTML nya. Bisa pakai lightshot ataupun printscreen biasa. Lalu simpan hasil screen shotnya di drive komputer Anda.
- 2. Buka Adobe Photoshop versi berapapun yang Anda punya, mau software installan ataupun portable. Lalu buka file gambar hasil screenshot yang tadi disimpan. Seperti pola berikut.
- 3. Klik toolbar Set foreground Color menyerupai ditunjukkan oleh gambar di bawah ini)
- 4. Maka akan muncul tampilan Color Picker menyerupai di bawah ini. Color Picker inilah yang mampu kita fungsikan untuk mengetahui isyarat HTML dari suatu warna.
- 5. Nah untuk mengetahui isyarat HTML dari sebuah warna, maka arahkan kursor/ pointer mouse Anda ke warna yang hendak dicari kodenya. Dalam hal ini arahkan kursor ke gambar warna biru dari Screenshot tadi dibuka. Seteleh diklik warnanya, maka seketika itu pula akan tampil isyarat HTML dari warna tersebut. Bisa dilihat di bab bawah kanan Color Picker, menyerupai ditandai oleh kotak mereah di bawah ini. Nah, itulah isyarat HTML dari warna biru yang digunakan pada blog strategimanajemen.net.
Bagaimana? Cukup mudah bukan? Silakan gunakan isyarat HTML yang sudah didapat sesuai dengan keperluan.
Mengetahui isyarat HTML dari sebuah warna juga penting, manakala kita ingin mengedit warna tampilan blog / website kita sendiri. Misal warna pada menubar blog kita ialah kuning yang setelah kita cari tahu isyarat HTML nya dengan cara di atas, ternyata warna kuning tersebut berkode #d9eb41. Dengan mengetahui kodenya, kita dapat dengan mudah mencari warna tersebut di halaman edit HTML.
Nah, itulah salah satu cara termudah dari sekian banyak cara yang ada untuk mengetahui isyarat HTML dari sebuah warna. Semoga bermanfaat, khususnya bagi para pemula dalam blogging menyerupai saya.
Sekian dan terima kasih.