YURISTGAMEINIGAMEID101

Cara Mengetahui Kode Warna Tanpa Mendownload Aplikasi Pihak Ketiga

Kamu adalah seorang desainer? Jika kamu seorang desainer maka mengetahui kode sebuah warna sangat penting untuk mendesain sebuah foto maupun video, karena tanpa kode warna kita tidak dapat memastikan warna yang cocok untuk sebuah desain. Jika sebuah desain tanpa warna yang bervariasi pastinya tidak akan menarik perhatian seseorang.

Untuk warna itu ada beberapa tipe, yaitu RGB, HEX, HSV, CMYK. Akan tetapi yang paling sering digunakan adalah kode warna RGB (Red Green Blue) dan HEX. Contoh kode warna berformat HEX berisi tagar dan 6 digit, seperti #2ECC71 (warna hijau) dan untuk RGB yaitu berisi 6 digit, contohnya rgb(252, 252, 11) warna kuning


Kode warna seperti ini juga sangat diperlukan untuk seorang front end developer seperti website atau aplikasi desktop/mobile. Tanpa kode warna mereka tidak bisa melakukan penggantian warna pada sebuah objek. Maka dari itu pemilihan kode warna sangatlah penting.

Tapi, jika kamu sedang mencari referensi di Google maupun website lainnya, pasti akan mencoba untuk meniru desain tersebut. Untuk menirunya pasti akan membutuhkan warna yang akan dipasang di desain yang akan dibuat. Darimana bisa menyamakan warna tersebut? Yup dari kode warna yang kita ambil dari referensi tersebut.

Lalu bagaimana cara mengambil kode warna dari sebuah foto/video yang ada di sebuah website? Yuk simak tutorial berikut ini.

1. Pastikan menggunakan browser Mozilla Firefox. Kenapa harus firefox? Ya karena firefox menyediakan banyak fitur untuk seorang pengembang web / Web Developer seperti Responsive Design, dan lain-lain.

2. Klik tombol "Garis tiga" di pojok kanan atas browser (dibawah tombol close)
3.  Masuk ke bagian Web Developer


4. Pilih fitur bernama "Eyedropper"
5. Seperti yang kita lihat, dengan fitur Eyedropper ini kita dapat mengetahui sebuah kode warna. Dibawah ini adalah contoh dari penggunaan Eyedropper di Firefox
Seperti gambar diatas, kita bisa mengetahui kode warna dari sebuah gambar dengan mudah. Jika ingin langsung mengcopy kode warna tersebut, kita hanya perlu mengklik di tempat kode warna yang ingin kita copy.

Itulah cara untuk mengetahui kode warna dari sebuah gambar atau website seperti Youtube, Google Images, dan lain-lain. 

Jika ada pertanyaan silahkan komentar dibawah yaa...

Related Post