Mengetahui Kode Warna yang Digunakan Pada Website

Saad Abdurrazaq Tue, April 21, 2015 No Comments 1,080 views
Mengetahui-Kode-Warna-yang-Digunakan-Pada-Website

Terkadang kita iseng-iseng blogwalking mengunjungi banyak website dan menemukan warna yang nyaman dilihat, tetapi kita tidak mengetahui kode warnanya. Khususnya bagi para web designer, untuk mengetahui kode warna yang digunakan pada website merupakan hal yang lazim dan sering dibutuhkan.

Kode warna berkaitan erat dengan CSS, untuk membuat website yang nyaman dipandang, pemilihan kode warna berperan besar di dalamnya, website yang nyaman dipandang adalah website yang memiliki perpaduan warna yang sesuai, pemilihan kode warna tidak bisa asal-asalan, hanya karena warna, tampilan website bisa kurang enak dipandang.

Salah satu cara untuk mendapatkan perpaduan warna yang sesuai adalah melakukan eksperimen sendiri dengan mencoba memadukan warna yang satu dengan yang lainnya, namun jika dirasa hal tersebut membutuhkan waktu yang lama, Anda bisa mengambil kode warna pada suatu website yang Anda anggap enak dipandang, lalu memadukannya dengan kode warna yang lain.

Untuk mengetahui kode warna yang digunakan pada website amatlah mudah, cukup dengan Add-On firefox yang bernama Firebug, Anda sudah bisa mengetahui kode warna yang digunakan pada website. Berikut saya jelaskan langkah-langkahnya step by step.

Step 1: Install terlebih dahulu Add-On firebug pada browser yang Anda gunakan. Jika Add-On firebug sudah terinstall, maka Anda akan melihat icon bug di samping kanan atas browser. Iconnya bisa Anda lihat di sini.

Step 2: Cari warna yang sesuai, jika Anda sudah mendapatkannya, klik icon firebugnya, maka tampilannya seperti ini:
inspectcrop
Step 3: Inspect elemen, lalu arahkan pada warna yang Anda sukai, klik, maka terlihatlah kode warna tersebut. Selanjutnya silahkan Anda copy kode warna tersebut.
pointcrop

colorcrop
tHat’s it! Itulah cara mengetahui kode warna yang digunakan pada website menggunakan firebug.

Is a web enthusiast from Indonesia. kafeinkode was created and written by Saad Abdurrazaq, it is built on WordPress. Love working with WordPress, programming, blogging, internet marketing, and all about computer soft skills.

0 comments

Leave a Reply

Your email address will not be published. Required fields are marked *