Photoshop และการออกแบบเว็บมักจะไปด้วยกัน และองค์ประกอบที่สำคัญที่สุดประการหนึ่งของการอยู่ร่วมกันนี้คือความสามารถในการแสดงสีระหว่างสถานที่ทั้งสองได้อย่างแม่นยำ แต่คุณอาจพบว่าคุณมีสีในรูปภาพที่คุณต้องการใช้บนเว็บเพจของคุณ ไม่ว่าจะเป็นสีฟอนต์ สีพื้นหลัง หรือเอฟเฟกต์โฮเวอร์ การใช้สีเดียวกันหรือสีเสริมบนหน้าเว็บอย่างมีประสิทธิภาพก็ส่งผลกระทบอย่างมาก แม้ว่าอาจมีวิธีวงเวียนในการค้นหาสีใน Photoshop ในรูปแบบที่คุณสามารถใช้บนเว็บเพจได้ แต่จริงๆ แล้วมีวิธีง่ายๆ ในการแสดงข้อมูลสีเป็น HTML
คำแนะนำของเราด้านล่างจะแสดงวิธีใช้ Eyedropper Tool ใน Photoshop เพื่อคัดลอกสีเป็น HTML เพื่อให้คุณสามารถวางลงในองค์ประกอบ HTML ได้โดยตรง
รับโค้ด HTML สำหรับสีจากไฟล์ Photoshop
ขั้นตอนในบทความนี้จะถือว่าคุณมีสีในไฟล์ Photoshop และต้องการรับโค้ด HTML สำหรับสีนั้นเพื่อนำไปใช้บนเว็บเพจ เราจะแสดงเครื่องมือและวิธีการในการรับข้อมูลนี้ใน Photoshop จากนั้นเราจะแสดงผลลัพธ์ของข้อมูลที่คัดลอก
ขั้นตอนที่ 1: เปิดไฟล์ของคุณใน Photoshop CS5
ขั้นตอนที่ 2: คลิก เครื่องมือหยอดตา ในกล่องเครื่องมือ
ขั้นตอนที่ 3: วางปลายของ เครื่องมือหยอดตา บนสีที่คุณต้องการใช้โค้ด HTML จากนั้นคลิกขวาที่สีแล้วเลือก คัดลอกสีเป็น HTML ตัวเลือก.
หากคุณวางข้อมูลแล้ว ข้อมูลจะถูกวางในรูปแบบที่แสดงในภาพด้านล่าง
เป็นเรื่องยากหรือไม่ที่จะระบุได้ว่าเลเยอร์ใดในไฟล์ Photoshop ของคุณมีวัตถุใดบ้าง บทความนี้ – //www.solveyourtech.com/rename-layer-photoshop-cs5/ – จะแสดงวิธีเปลี่ยนชื่อเลเยอร์และทำให้ระบุได้ง่ายขึ้น