Cara Mendapatkan Kode Warna Pada Gambar dan Web

Kadang kita melihat gambar atau user interface memiliki warna yang sangat bagus, sehingga menimbulkan rasa penasaran memakai warna apa. Sebenarnya cukup mudah untuk mengetahui cara mendapatkan kode warna pada gambar tersebut. Anda bisa mendapatkan kode warna berupa hexa dan RGB.

Terdapat ribuan warna yang bisa dihasilkan melalui kombinasi warna Red, Green, dan Blue. Sehingga tidak heran jika orang berupaya menghasilkan warna yang bagus untuk gambar maupun aplikasi yang mereka buat. Untuk mengungkap rasa penasaran tersebut, terdapat beberapa cara untuk mengetahui kode gambar, dan berikut langkah-langkahnya.

Cara Mendapatkan Kode Warna

Mengambil kode warna bisa menggunakan aplikasi apa saja, namun kali ini kita akan menggunakan Photoshop, Paint 3D dan ColorPick Eyedropper yang terinstal pada ekstensi browser. Dan baiklah berikut caranya.

1. Mengetahui Kode Warna dengan Adobe Photoshop

  • Download gambar yang ingin anda ketahui warnanya, atau screenshot tampilan aplikasi atau web kemudian simpan dalam format PNG atau JPG. Jika anda merasakan ukuran gambar terlalu besar, silahkan ubah ukuran gambar menjadi lebih kecil.
  • Jalankan Adobe Photoshop kemudian buka gambar dengan cara klik File → Open. Dan cari file gambar yang telah anda download tadi.

Menambahkan Gambar ke Photoshop

Atau bisa juga dengan klik kanan pada gambar, kemudian pilih Open WithAdobe Photoshop.

Open With Adobe Photoshop

  • Pada menu bagian kiri Photoshop, klik Eyedropper Tool.

Eyedropper Tool Adobe Photoshop

  • Kemudian arahkan cursor ke gambar yang ingin anda lihat kode warnanya, kemudian klik pada gambar.
  • Klik pada bagian Color untuk melihat kode warna.

Mengetahui Kode Warna Gambar - Color

  • Terlihat kode warna RGB dan Hexa, dan anda dapat menyalin kode tersebut.

Color Picker Photoshop

2. Mendapatkan Kode Warna dengan Paint 3D

  • Buka Paint 3D, kemudian klik OpenFile, dan cari file gambar yang telah anda download sebelumnya.
  • Klik Color Picker dan arahkan ke gambar yang ingin anda lihat kode warna nya.

Color Picker Paint

  • Kemudian klik pada warna sebelah color picker.

Mengambil Kode Warna Menggunakan Paint

  • Terlihat kode warna Hexa dan RGB, silahkan salin kode yang telah anda dapatkan.

Berhasil Mendapatkan Kode Warna Gambar Menggunakan Paint

3. Mengetahui Kode Warna pada Web

Jika anda pernah melihat warna pada sebuah website memiliki warna yang bagus, namun penasaran ingin mendapatkan warna tersebut. Caranya mudah sekali, anda cukup menginstall ekstensi pada browser yang support penambahan ekstensi. Pada contoh ini saya menggunakan browser Google Chrome.

  • Buka Browser, kemudian klik titik tiga di sudut kanan atas dan pilih Setelan.

Setelan Google Chrome

  • Kemudian klik Ekstensi.

Ekstensi Google Chrome

Buka Chrome Webstore

  • Pada pencarian ketikkan ‘ColorPick Eyedropper‘.
  • Dan install ekstensi nya.

Cara Mendapatkan Kode Warna Menggunakan ColorPick Eyedropper

  • Klik Colorpick Eyedropper pada sudut kanan atas chrome, kemudian arahkan kursor ke warna yang ingin anda lihat kode Hexa dan RGB. Maka akan terlihat kode warna nya.

Mendapatkan Kode Warna dengan ColorPick Eyedropper

  • Salin kode warna yang telah anda dapatkan.

Akhir Kata

Dan itulah tiga cara mendapatkan kode warna pada gambar dan web, semoga bermanfaat. Apabila ada yang ingin anda tanyakan dapat menuliskan pada kolom komentar. Sekian dulud ari saya, terima kasih.

Tinggalkan Balasan