Cara Gampang Mengetahui Kode HTML Warna Tertentu

Baca Juga

Cara Gampang Mengetahui Kode HTML Sebuah Warna Tertentu - Salah satu elemen terpenting dari sebuah tampilan visual blog adalah pemilihan warna dasar template. Misal warna pada menu bar atau warna link dalam artikel dll. Seperti kita tahu, untuk membentuk sebuah warna di tampilan blog itu didasari oleh kode html yang ada dalam file xml templatenya.  Dan jika kita berkeinginan untuk mengubah warna tampilan blog, maka terlebih dahulu harus kita ketahui kode HTML dari warna tersebut.

Di artikel ini saya ingin berbagi sebuah tutorial sederhana tentang cara mudah untuk mengetahui kode HTML dari suatu warna. Kita tahu warna itu ada berjuta-juta jumlahnya. Dan jelas memang susah untuk menghafal kode HTML yang mendasri pembentukan warna tersebut. Karena setiap warna itu unik dan memiliki kode HTML masing-masing. Adapun untuk warna-warna dasar, kode 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

Nah, bagi sobat yang ingin mengetahui  kode HTML dari warna anu atau warna anu lainnya. Misal ketika Anda mengunjungi sebuah blog, dan kemudian tertarik untuk menggunakan warna serupa dengan blog tsb, tapi tidak tahu kode warna HTML nya,maka  berikut adalah tutorial sederhana yang bisa sobat terapkan untuk mengetahui kode HTML dari warna tersebut.

Adapun media alat bantu yang biasa saya gunakan di sini adalah Adobe Photoshop. Misal saya ingin mengetahui kode 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 kode HTML dari warna tersebut secara tepat, caranya adalah sebagai berikut:

• 1. Silakan sobat 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 contoh berikut.

 

• 3. Klik toolbar Set foreground Color seperti ditunjukkan oleh gambar di bawah ini)

• 4. Maka akan muncul tampilan Color Picker seperti di bawah ini. Color Picker inilah yang bisa kita fungsikan untuk mengetahui kode HTML dari suatu warna.

 

• 5. Nah untuk mengetahui kode 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 kode HTML dari warna tersebut. Bisa dilihat di bagian bawah kanan Color Picker, seperti ditandai oleh kotak mereah di bawah ini. Nah, itulah kode HTML dari warna biru yang digunakan pada blog strategimanajemen.net.

 

Bagaimana? Cukup mudah bukan? Silakan gunakan kode HTML yang sudah didapat sesuai dengan keperluan. 

Mengetahui kode HTML dari sebuah warna juga penting, manakala kita ingin mengedit warna tampilan blog / website kita sendiri. Misal warna pada menubar blog kita adalah kuning yang setelah kita cari tahu kode 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 kode HTML dari sebuah warna. Semoga bermanfaat, khususnya bagi para pemula dalam blogging seperti saya.

Sekian dan terima kasih.

loading...

Tweet

Berlangganan dan Dapatkan 5 Ebook Dahsyat tentang Motivasi, Personal Developement dan Financial Freedom - Gratis

Nama Depan

Alamat Email Valid