Photoshop dan desain Web sering berjalan beriringan, dan salah satu elemen terpenting dari koeksistensi ini adalah kemampuan untuk secara akurat mewakili warna di antara dua tempat. Tetapi Anda mungkin menemukan bahwa Anda memiliki warna dalam gambar yang ingin Anda gunakan di halaman Web Anda. Apakah ini warna font, warna latar belakang, atau efek hover, secara efektif menggunakan warna yang sama atau gratis pada halaman Web dapat memiliki dampak yang besar. Meskipun mungkin ada beberapa cara memutar untuk menemukan warna di Photoshop dalam format yang dapat Anda gunakan di halaman Web, sebenarnya ada metode sederhana untuk menampilkan informasi warna sebagai HTML.
Panduan kami di bawah ini akan menunjukkan cara menggunakan Eyedropper Tool di Photoshop untuk menyalin warna sebagai HTML sehingga Anda dapat menempelkannya langsung ke elemen HTML.
Dapatkan Kode HTML untuk Warna dari File Photoshop
Langkah-langkah dalam artikel ini akan mengasumsikan bahwa Anda memiliki warna dalam file Photoshop, dan Anda ingin mendapatkan kode HTML untuk warna itu sehingga Anda dapat menggunakannya di halaman Web. Kami akan menunjukkan alat dan metode untuk memperoleh informasi ini di Photoshop, kemudian kami akan menunjukkan kepada Anda output dari informasi yang disalin.
Langkah 1: Buka file Anda di Photoshop CS5.
Langkah 2: Klik tombol Alat penetes mata di kotak peralatan.
Langkah 3: Tempatkan ujung Alat penetes mata pada warna yang Anda perlukan kode HTML-nya, lalu klik kanan padanya dan pilih Salin Warna sebagai HTML pilihan.
Jika Anda kemudian menempelkan informasi, itu akan ditempelkan dalam format yang ditunjukkan pada gambar di bawah ini.
Apakah menjadi sulit untuk menentukan lapisan mana di file Photoshop Anda yang berisi objek mana? Artikel ini – //www.solveyourtech.com/rename-layer-photoshop-cs5/ – akan menunjukkan cara mengganti nama layer dan membuatnya lebih mudah untuk diidentifikasi.