NECTEC
NSTDA
Home
Computer
Program
Internet & Web
Graphics
CAI
Multimedia
Electrical Power
General Education
Special Education
Links
Webmaster
Web Design by HTML

สีพื้นเอกสารเว็บ กับภาพแบ็คกราวน์

คงมีหลายท่าน มีปัญหากับการเลือกสี หรือผสมสี เพื่อให้ดูกลมกลืนกับภาพที่นำมาใช้เป็นแบ็คกราวน์ (Background) ต่อไปนี้ไม่ใช่เรื่องยากอีกแล้ว

  • เริ่มจากเรียกโปรแกรม Adobe Photoshop อันเป็นโปรแกรมตกแต่งกราฟิกยอดฮิตติดอันดับ
  • จากนั้นเปิดไฟล์ภาพที่จะนำมาใช้เป็นแบ็คกราวน์ของเอกสารเว็บ
  • เลือกเครื่องมือ Eyedropper Tool
  • บัตรรายการ Info... ใช้คำสั่ง Window, Show Info…
  • นำเมาส์ซึ่งมีรูปร่างเป็นหลอดดูดสี ไปชี้ยังพื้นที่ที่จะตรวจสอบค่าสี สังเกตในบัตรรายการ Info…
  • จะปรากฏค่าตัวเลขต่างๆ โดยมีจุดที่ต้องสนใจ คือ ค่าตัวเลขที่ปรากฏจากรายการ R: , G: และ B: เท่านั้น อันได้แค่ ค่าสีของสีแดง (Red) สีเขียว (Green) และสีน้ำเงิน (Blue) บันทึกค่าไว้เพื่อนำไปคำนวณ
  • เมื่อบันทึกค่าจากรายการ R: , G: และ B: แล้ว
  • ให้เปิดโปรแกรมเครื่องคิดเลข (Start, Program, Accessories, Calculator)
  • กำหนดให้เครื่องคิดเลขแสดงผลแบบวิทยาศาสตร์ (Scientific) ด้วยคำสั่ง View, Scientific
  • จากนั้นตรวจสอบโหมดการคำนวณ ต้องเป็นโหมด Dec คือการคำนวณค่าเลขฐาน 10
  • ป้อนค่า R: จากนั้นคลิกที่ปุ่มเปลี่ยนโหมดการคำนวณเป็นโหมดเลขฐาน 16 คือ ปุ่ม Hex บันทึกค่าที่ได้
  • จากนั้นคลิกปุ่ม Dec เพื่อกลับมาสู่โหมดเลขฐาน 10 ป้อนค่า G: เสร็จแล้วคลิกปุ่ม Hex เพื่อหาค่าเลขฐาน 16 ของค่า G: ที่ป้อน จดบันทึกค่าที่ได้
  • สำหรับค่า B: ก็ใช้วิธีเดียวกัน

ตัวอย่าง ถ้าได้ค่า R: เป็น 101 ค่า G: เป็น 77 ค่า B: เป็น 255 จะแปลงเป็นเลขฐาน 16 คือ 65, 4D, FF ตามลำดับ ดังนั้นค่าสีสำหรับใช้กำหนดเป็นสีพื้นของเอกสารเว็บ (Background Color) คือ #654DFF เห็นไหมครับว่าไม่ยากเลย ในการคำนวณหาค่าสีเลขฐาน 16 เพื่อนำมาใช้ในเอกสารเว็บ