Kehidupan penuh dengan warna warni, begitu juga dengan dunia desain web. Pilihan warna yang tepat akan sangat mempengaruhi keindahan sebuah web, dan tentunya berpengaruh pula pada minat pembaca. Terkadang kita pernah melihat desain sebuah website atau gambar yang menarik dan tentunya bisa menjadi salah satu referensi desain Anda nantinya. Namun Anda tidak tahu kode warna apa yang digunakan pada website atau desain tersebut.
Jangan khawatir, artikel ini akan membahas cara mengetahui kode warna dari sebuah website ataupun desain.
Cara Mengetahui Kode Warna Website atau Desain
Untuk mengetahui kode warna sebuah website, Anda dapat menggunakan bantuan aplikasi atau tools. Diantara aplikasi yang dapat Anda gunakan ialah :
Instant Eyedropper
Aplikasi ini sangat mudah untuk digunakan. Dengan beberapa klik saja, Anda sudah mengetahui kode warna sebuah website. Instant Eyedropper juga mendukung beberapa format warna yaitu :
- HTML
- HEX
- Delphi Hex
- Visual Basic Hex
- RGB
- HSB
Silahkan download disini.
Cara Menggunakan Instant Eyedropper
- Setelah menginstal aplikasi Instant Eyedropper, jalankan aplikasi sehingga muncul icon di bagian taskbar. Kemudian klik kanan pada icon tersebut dan pilihlah format warna yang ingin digunakan.
- Tekan dan tahan tombol kiri mouse dan gerakkan pointer mouse ke warna yang ingin Anda ketahui kodenya.
- Secara otomatis kode warna akan muncul dengan sendirinya.
ColorPic
Aplikasi ini tergolong power full dengan berbagai kelebihannya. Yang membedakan ColorPic adalah aplikasi ini dapat menyimpan kode warna secara otomatis. Ingin mencoba, silahkan download disini.
Cara Menggunakan ColorPic
- Instal dan jalankan aplikasi ColorPic. Apabila Anda menggerakkan mouse maka secara otomatis kode warna akan tampil dikotak dialog ColorPic.
- Untuk menggunakan fitur penyimpanan otomatis kode warna, terlebih dahulu buatlah Palete baru. Caranya klik menu New, kemudian beri nama Palete (misal Warnaku)
- Untuk meyimpan kode warna, silahkan dekatkan mouse Anda ke objek yang ingin dilihat kode warnanya kemudian tekan tombol keyboard Ctrl + G. Secara otomatis kode warna Anda sudah tersimpan. Nantinya apabila Palete Anda sudah penuh (terisi ke 16 kotak), buatlah Palete baru untuk menyimpan kode warna lainnya seperti langkah-langkah diatas.
Mengetahui Kode Warna dengan Generator
Selain menggunakan bantuan aplikasi, Anda juga dapat mengetahui kode warna menggunakan generator warna. Diantaranya ialah :
Coolors
Coolors ialah situs yang menyediakan tools generator skema warna. Situs ini sangat cocok bagia Anda yang membutuhkan saran atau ide skema warna. Untuk mencobanya silakan akses situs Coolors.
HTML Color Code
Situs ini memiliki tampilan yang sederhana. Anda cukup mengarahkan kursor dan menentukan kode warna apa yang Anda inginkan. Silakan akses situs HTML Color Code.
Kesimpulan
Demikian panduan singkat untuk Anda yang ingin mengetahui kode warna cari website/desain ataupun menggunakan generator kode warna. Jika Anda masih awam dengan kode warna di CSS atau HTML, silakan baca tutorial Daftar Kode Warna CSS berikut.
Selamat mencoba dan semoga bermanfaat.
