Cara Menghasilkan Kode Warna HTML dengan Photoshop

Advertisemen
color wheelKreativitas - Tahukah Anda bahwa warna-warna yang muncul pada halaman blog itu dihasilkan dari kode-kode warna HEXA dan RGB.

Ada banyak cara untuk mendapatkan kode warna HTML tersebut seperti menggunakan aplikasi warna yang sudah banyak tersedia di internet atau menggunakan program pengolah gambar yang biasanya digunakan untuk edit gambar. Pada postingan ini saya akan menjelaskan cara menghasilkan kode warna dengan salah satu program pengolah gambar paling populer yaitu Photoshop.

Bagi para blogger yang tidak memiliki program photoshop bisa menggunakan program Ms Paint dari Windows. Untuk mengetahui cara mendapatkan kode warna dengan Ms Paint. Silahkan baca postingan saya tentang cara menghasilkan kode warna HTML dengan MS Paint

Berikut adalah cara menghasilkan kode warna HTML dengan Photoshop:

Cara pertama:

1. Buka program Photoshop. klik pada Foreground color


2. Pilih warna yang Anda inginkan. Lalu copy kodenya dalam kotak yang diberi tanda


3. Gunakan kode tersebut untuk mengganti warna pada template. Bagi anda yang belum tahu cara mengganti warna pada template. Coba baca dulu postingan saya tentang tips mengganti warna background blockquote

Catatan:
Jika Anda ingin mengambil warna dari template. Silahkan menggunakan cara kedua

Cara kedua:

1. Screenshot atau ambil gambar template dengan cara tekan tombol Print Screen pada keyboard

2. Buka program Paint. Lalu tekan Ctrl+V untuk mempaste gambar

3. Klik File -> Save As. Simpan gambar dalam format .bmp

4. Kemudian buka program Photoshop. Lalu klik File -> Open. Cari gambar yang disimpan tadi lalu klik Open

5. Aktifkan Eyedropper Tool kemudian klik pada sampel warna yang mau diambil

6. Sampel warna yang Anda ambil akan muncul pada foreground color

7. Gunakan cara pertama diatas untuk menghasilkan kode warnanya

Selamat mencoba. Semoga bermanfaat...
Advertisemen

Disclaimer: Gambar, artikel ataupun video yang ada di web ini terkadang berasal dari berbagai sumber media lain. Hak Cipta sepenuhnya dipegang oleh sumber tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami disini.
Related Posts
Disqus Comments