Salah satu hal yang penting yang juga harus dipikirkan saat akan membuat sebuah website adalah masalah desain. Desain yang baik tentulah akan membuat pengunjung website Bizzie nantinya akan merasa nyaman dan betah berlama. Salah satu hal yang pastinya penting untuk pembuatan desain ini juga yaitu mengenai pemilihan warna.
Pemilihan warna tentu tidak bisa sembarangan dimana warna haruslah melambangkan seperti apa konten yang ada dalam web Bizzie dan warna juga akan berperan dalam menentukan nilai dari desain dari web Bizzie. Lalu bagaimana memberi warna pada halaman web? Dan warna apa yang dimaksud?
Tentu ada banyak cara untuk memberikan warna pada web yang Bizzie buat. Salah satunya dengan menggunakan kode warna HTML pelangi. Dalam dunia pemrograman, warna yang kita kenal ini akan diubah ke dalam bentuk kode, dimana ada dua sistem untuk kode warna di HTML.
Ada yang memakai sistem HEXA dan juga sistem RGB. Kedua cara ini bisa dibilang sebagai cara yang umum digunakan untuk memberikan warna dengan menggunakan bahasa HTML. Pada umumnya kode warna HTML pelangi ini akan ditulis dalam sebuah artikel dengan didahului tanda (#), seperti , #708090. Lalu apa saja fungsinya?
Fungsi dan Tools dari Kode Warna HTML Pelangi
Tahukah Bizzie jika kode warna HTML pelangi ini berfungsi untuk mewakili bermacam-macam warna dengan format tertentu yang mana dapat dibaca oleh bahasa komputer. Ini pun biasanya digunakan saat membuat sebuah aplikasi atau website. Misalnya saja seperti #FF07A atau #F08080 dengan berbagai bentuk dari RGB, HTML, HSL dan Hex. Lalu apa saja tools yang biasa dipakai untuk membuat kode warna HTML Pelangi?
Kode warna merupakan sebuah cara untuk mewakili warna yang kita lihat sehari-hari. Warna ini pun biasanya akan ditampilkan dalam format yang bisa dibaca oleh komputer. Umumnya akan dipakai di situs web atau software aplikasi lain, yang mana terdiri dari berbagai format seperti kode warna Hex, RGB dan HSL, juga dengan nama warna HTML.
Sebut saja seperti kode warna #F08080 atau #FFA07A, dimana pastilah Bizzie pasti pernah melihat kode ini sebelumnya. Pilihan warna, yang mana biasanya ditampilkan dengan color palette. Color palette ini pun bisa bizzie temui hampir di setiap aplikasi, bahkan di Microsoft Word pun ada.
Kode warna HTML itu sendiri merupakan hexadecimal triplets yang mewakili warna merah, hijau dan biru. Kode HTML itupun juga bisa menghasilkan warna lain selain merah, hijau dan biru dengan mengkombinasikan hex code yang terdiri dari 16 digit. Untuk angka 0 adalah warna yang terkecil atau bisa berarti tidak ada warnanya.
Sementara intensitas F, yang mana 15x lebih intens dari 0. Maka untuk kode warna #FFFFFF nantinya pun akan menghasilkan warna putih, karena ketiga warna dasarnya, yaitu merah, hijau dan biru diatur ke intensitas yang paling tinggi. Sementara untuk kode warna #000000 yaitu warna hitam, karena ini adalah kebalikan dari kode F, kode 0 yang mempunyai intensitas warna yang rendah.
Untuk bisa menemukan kode warna yang lebih beragam, maka dalam hal ini Bizzie bisa menggunakan tools jika ingin membuat kode warna HTML pelangi tertentu diantaranya:
1. Instant Eyedropper
Tools Instant eyedropper merupakan sebuah tools yang paling banyak digunakan oleh user karena memang cara menggunakannya cukup mudah. Dalam hal ini Bizzie hanya perlu klik icon pada system tray, lalu kemudian arahkan mouse ke warna yang ingin Bizzie tahu kodenya.
Supaya kode secara otomatis tercopy di clipboard, maka segera lepaskan mouse bizzie di warna yang tadi.
2. iDroper
Jikalau tadi Instant Eyedropper adalah tools untuk Windows, maka iDropper merupakan tools untuk iOS. Dengan tools ini maka Bizzie sudah bisa menyimpan kode warna yang bizzie mau dari sebuah foto atau ilustrasi gambar. iDropper ini sendiri merupakan tools yang banyak digunakan oleh pengguna iPhone karena kode warna tidak hanya dalam bentuk HTML, namun juga telah disediakan dengan berbagai format.
3. EyeDropper
Tools yang satu ini bisa Bizzie dapatkan di ekstensi Chrome. Sama seperti color picker sebelumnya, tools ini pun mampu memberikan informasi tentang kode warna dan bisa otomatis mengcopy warna ke clipboard bizzie. Caranya sangat mudah, dimana Bizzie hanya perlu klik icon ekstension, kemudian klik warna yang Bizzie mau.
4. Khroma
Bisa dibilang jika ini berbeda dengan yang lain karena Khroma merupakan sebuah website yang menggunakan Artificial Intelligence untuk memudahkan Bizzie nantinya dalam membandingkan kombinasi warna.
Dalam hal ini Bizzie harus memilih paling tidak 50 warna, dari referensi yang di berikan, dan nantinya Khroma akan memberikan ratusan warna dengan tone yang sama. Bukan hanya nama, tetapi kode warna HTML pun juga ditampilkan.
5. ColorSnapper 2
Untuk Bizzie yang menggunakan Mac pasti sudah familiar dengan tools ini. Ini adalah ColorSnapper 2 yang merupakan sebuah tools untuk pengguna Mac, dimana cara menggunakannya juga mudah, sama dengan yang lainnya. dalam hal ini Bizzie hanya perlu klik di bagian yang ingin bizzie ketahui detail warnanya saja.
Kesimpulannya adalah bisa dikatakan jika kode warna HTML pelangi ini merupakan hal penting dalam proses desain web. Kode tersebut pun memang sulit jika harus dihafal, akan tetapi ada banyak tools yang nantinya bisa Bizzie gunakan untuk membantu memilih warna-warna yang sesuai.
