Bagaimana cara mengetahui kode warna HEX dan RGB dengan cepat? Asalkan kita tahu trik nya, tidak susah sekali kok. Hanya saja membutuhkan sedikit usaha.
Jika anda seorang designer atau programmer pasti sudah tidak asing lagi dengan kode warna HTML, HEX, dan RGB ini. Pasalnya, kita sering menemukan warna yang cantik sekali pada suatu website atau gambar. Nah tentu kita juga ingin mencoba warna tersebut untuk referensi bukan? Walaupun pada faktanya ada fasilitas Color Palette yang mempercepat pekerjaan kita.
Apalagi bagi anda yang setiap hari bekerja dengan CSS (Cascading Style Sheet), pasti sangat membutuhkan kode warna HTML ini.
Diluar sana, ada banyak sekali situs online yang bisa kita manfaatkan untuk mendapatkan kode warna dari sebuah gambar. Selain itu, kita juga bisa menggunakan Aplikasi offline seperti Photoshop loh.
Tapi sebelum itu, apakah anda sudah yakin tahu apa itu kode warna?
Apa itu Kode Warna?
Sederhananya, kode warna adalah kumpulan kode HTML yang biasanya terdiri dari unsur HEX (Hexadecimal) dan RGB. Misalnya untuk HEX adalah #000000 (warna hitam) dengan RGB (0, 0, 0).
Apa Manfaat Mengetahui Kode Warna?
Manfaat yang bisa kita dapatkan dari mendapatkan kode warna ada banyak sekali. Diantaranya seperti :
- Untuk mengganti kode warna pas foto, seperti warna merah dan biru.
- Referensi warna yang cocok untuk sebuah gambar.
- Mendesain suatu struktur kode CSS dalam HTML website.
- dan masih banyak lagi.
Cara Mengetahui Kode Warna HEX dan RGB pada Sebuah Gambar
Seperti yang saya bilang pada sebelumnya, disini kita akan menggunakan cara situs online, dan offline menggunakan photoshop. Jadi silahkan dipilih sesuai dengan kenyamanan anda.
1. Situs Online
Ada banyak sekali website online yang menyediakan fitur pencarian kode warna ini, biasanya sih di sebut dengan Image Color Picker.
Nah yang pertama, kita bisa menggunakan Imagecolorpicker.com. Saya pribadi, sering menggunakan website ini untuk menunjang aktivitas coding css saya, maupun desain.
Oh iya, jangan lupa persiapkan gambar yang ingin anda ketahui warnanya.
Cara Mengetahui kode warna dengan Imagecolorpicker :
- Pertama, silahkan kunjungi ImageColorPicker.com melalui browser yanganda gunakan.
- Scroll ke bawah, dan klik Upload your Image. Kemudian masukkan gambar yang ingin anda ketahui kode warna nya.
- Kemudian arahkan pointer anda ke bagian gambar yang ingin anda dapatkan warna tersebut. Dengan otomatis, akan muncul kode HTML/HEX dan RGB pada sebelah kiri.
- Nah contohnya punya saya kode HEX nya adalah #4987eb dengan RGB (73, 135, 235).
- Selesai. Mudah sekali bukan?
Cara Mendapatkan Kode Warna dengan ColorCodePicker :
Ini untuk alternatif dari website sebelumnya. Untuk berjaga-jaga saja jika website sebelumnya terjadi gangguan atau bahkan down.
- Buka ColorCodePicker melalui browser anda.
- Di halaman depan, Pilih Upload Image dan masukkan gambar anda.
- Kemudian website tersebut akan memunculkan kode warna apa saja yang ada pada gambar yang barusan kita upload.
Kekurangan Menggunakan PowerPoint
Seperti yang kita ketahui, semua aplikasi pasti mempunyai kekurangan masing-masing. Nah powerpoint juga sebenarnya lebih fokus pada dunia presentasi. Dengan cara tadi, yang saya rasakan sih kode HEX dan RGB nya kurang akurat. Tapi ini bisa jadi pilihan alternatif yang sangat bagus selain photoshop sih.
Penutup
Usai sudah Rekomendasi Cara Mengetahui Kode Warna RGB dan HEX secara lengkap. Semua tutorial diatas saya praktekkan sendiri, dan tidak ada mengada-ngada. Jika anda mengikuti dengan hati-hati pasti berhasil. Demikian lah dari artikel ini, apabila anda mempunyai pertanyaan seputar cara mendapatkan kode warna melalui gambar ini, jangan sungkan untuk berkomentar dibawah ini ya. Semoga bermanfaat.
