Warna memiliki peranan besar dalam kehidupan. Tiap warna dapat dibedakan berdasarkan kodenya. Hal ini juga berlaku pada website. Cara mengetahui kode warna dari gambar harus Anda ketahui, terutama yang berkutat di bidang pengembangan web.
Website untuk bisnis harus didesain dengan tampilan khusus agar menarik konsumen. Begitu pula jika fungsinya untuk instansi, tentu desainnya juga harus berbeda. Seluk beluk tentang kode warna dan cara mengetahuinya, akan diulas lebih lanjut berikut.
Apa Itu Kode Warna pada HTML?
Kode warna HTML merupakan kode hexademical triplets. Kode tersebut secara garis besar mewakili warna hijau, biru dan merah. Tiga warna dasar ini kemudian bisa menghasilkan warna lainnya, dengan HTML code khusus. Berikut beberapa contoh kodenya.
- Kombinasi warna selain merah, hijau, dan biru menggunakan hex code 16 digit
- Angka 0 dianggap sebagai warna terkecil, dalam dunia kode warna berarti dianggap tidak berwarna
- Kode #FFFFFF mewakili warna putih karena mewakili tiga warna dasar tersebut, dan intensitasnya paling tinggi
- Kode #000000 berarti warna hitam karena kebalikannya kode F yang intensitasnya tinggi, 0 berarti intensitas rendah yang mewakili warna gelap
- Semakin sulit kodenya, kombinasinya beragam, tentu warna yang dihasilkan akan lebih unik
Bagaimana Cara Mengetahui Kode Warna dari Gambar?
Beberapa contoh kode warna di atas menghasilkan warna-warna dasar. Agar bisa tahu kode warna lain untuk tampilan lebih menarik, Anda bisa menggunakan beberapa tools. Berikut beberapa contoh tools untuk mengetahui kode warna yang diinginkan.
-
Menggunakan EyeDropper
EyeDropper merupakan aplikasi yang dapat diunduh melalui website. Aplikasi ini sangat cocok untuk yang ingin explore lebih jauh tentang kode-kode warna. Adapun cara mengetahui kode warna dari gambar dengan EyeDropper, bisa dengan beberapa langkah ini.
- Pertama-tama, coba buka peramban baik itu Chrome maupun Mozilla
- Setelah itu, arahkan ke bagian titik tiga di sudut kanan atas, kemudian klik
- Cari pilihan ekstensi, pilihlah Chrome Webstore
- Akan muncul kolom pencarian, kemudian ketikkan ColorPick EyeDropper
- Setelah itu, ekstensinya akan muncul dan segera unduh
- Setelah diunduh, buka aplikasi kode warna ini
- Arahkan kursor ke warna yang Anda inginkan, lihat bagian Kode Hexa and RGB
- Kode warna akan ditampilkan, dan bisa Anda salin
-
Memanfaatkan Paint 3D
Siapa sangka, aplikasi Paint 3D juga bisa dipakai sebagai cara mengetahui kode warna dari gambar. Walaupun dikenal sebagai aplikasi menampilkan maupun menggambar, Anda bisa melihat kode warna, dengan beberapa cara ini.
- Cari aplikasi Paint 3D di PC atau laptop Anda, buka aplikasi tersebut
- Klik Open dan cari File yang ingin Anda ketahui kode warnanya
- Setelah itu, klik Color Picker, arahkan ke gambar yang ingin dilihat kode warnanya
- Klik sebelah Color Picker agar tampak kode warnanya
- Secara otomatis, akan terlihat kode warna RGB dan Hexa, langsung bisa disalin
-
Menggunakan Adobe Photoshop
Sebagai aplikasi editing gambar sejuta umat, Adobe Photoshop juga berguna untuk melihat kode warna. Penggunaan aplikasi ini memang sangat disukai desainer grafis karena beberapa kelebihannya. Cek kode warna pakai Adobe Photoshop dengan beberapa step berikut.
- Unduh gambar yang ingin diteliti kode warnanya, pastikan berformat PNG atau JPG
- Ubah gambar dengan pixel kecil, buka dengan Adobe Photoshop
- Lihat menu bagian kiri aplikasi, cari Eyedropper Tool
- Arahkan kursor ke gambar yang hendak diteliti
- Cek bagian Color, otomatis RGB dan Hexa Code akan terlihat, serta bisa disalin
Cara mengetahui kode warna dari gambar ternyata cukup mudah. Anda bisa menggunakan beberapa tools di atas, dan bisa dipilih sesuai kebutuhan. Jangan lupa kunjungi website patriciamollie.com, untuk mendapatkan berbagai info dan tips lengkap seputar gadget serta teknologi.
Baca juga: