Lecture 2

                 ความรู้เบื้องต้นเกี่ยวกับสี  

          สิ่งแรกที่มองเห็นจากเว็บเพจก็คือ สีซึ่งเป็นสิ่งกำหนดบรรยากาศและความรู้สึกโดยรวมของเว็บไซต์ เราสามารถใช้สีได้กับทุกองค์ประกอบของเว็บเพจ ตั้งแต่ตัวอักษร รูปภาพ ลิงค์ สีพื้นหลังและรูปภาพพื้นหลัง การเลือกใช้สีอย่างเหมาะสมจะช่วยในการสื่อความหมายของเนื้อหาและเพิ่มความสวยงามให้กับหน้าเว็บนั้น แต่ในทางกลับกันสีที่ไม่เหมาะสม อาจสร้างความยากลาบากในการอ่านหรือรบกวนสายตาผู้ใช้ รวมทั้งอาจทาให้การสื่อสารความหมายไม่ถูกต้องได้

สีขั้นต้น                   แม่สีหรือสีขั้นต้น ( primary color ) ทั้งสามซึ่งประกอบด้วย สีแดง,เหลือง และ น้ำเงิน เหตุที่สีทั้งสามนี้ถือว่าเป็นแม่สีหลัก ก็เพราะว่าสีทั้งสามเป็นสีที่ไม่สามารถเกิดขึ้นจากการผสมของสีอื่นๆ และยังเป็นต้นกาเนิดของสีอื่นๆที่เหลือทั้งหมด

สีขั้นที่ 1

สีขั้นที่ 2ต่อไปก็เป็นสีขั้นที่ 2 ที่เกิดจากการผสมของสีขั้นต้นเข้าด้วยกัน โดยที่
สีแดง + สีเหลือง  = สีส้ม ,
สีเหลือง + น้ำเงิน = เขียว
สีน้ำเงิน + แดง     = ม่วง

สีขั้นที่  2

สีขั้นที่ 3       ต่อจากนั้นก็เป็นสีขั้นที่ 3 ซึ่งเกิดจากการผสมของสีขั้นต้นกับสีขั้นที่ 2 ที่อยู่ติดกันทั้งสองด้าน ในที่สุดเราก็จะได้สีขั้นที่ 3 ทั้งหมด 6 สี โดยสีขั้นต้น 1 สี ทาให้เกิดสีขั้นที่สาม 2 สี ดังนี้ : เหลือง-ส้ม , แดง-ส้ม , แดง-ม่วง , น้ำเงิน-ม่วง ,น้ำเงิน-เขียว และเหลือง-เขียว

สีขั้นที่  3

ระบบสีในเว็บไซต์

ระบบสีในเว็บไซต์มีรูปแบบเฉพาะตัวที่แตกต่างจากสีอื่นๆ อย่างสิ้นเชิงทำให้การใช้สีอย่างมีประสิทธิภาพในเว็บจึงต้องอาศัยความเข้าใจรายละเอียดทางเทคนิคพอสมควร ระบบสีที่มีความเฉพาะตัวนี้เป็นผลมาจากความเกี่ยวข้องกับสื่อ 3 ประเภทที่มีอิทธิพลต่อการปรากฏของสี ได้แก่

 - จอมอนิเตอร์  : เป็นเพราะเว็บเพจถูกเรียกดูผ่านทางจอมอนิเตอร์ ดังนั้นการแสดงสีของเว็บเพจจึงขึ้นอยู่กับประสิทธิภาพด้านสีของจอมอนิเตอร์

 - บราวเซอร์     : เนื่องจากบราวเซอร์มีระบบการความคุมและแสดงสีภายในตัวเอง เมื่อใดที่มีการแสดงผลในหน้าจอที่มีจำนวนสีจำกัด บราวเซอร์จะทำการสร้างสีทดแทนให้ดูเหมือนหรือใกล้เคียงกับสีที่กำหนดไว้ ผลลัพธ์ที่ได้จึงไม่แน่นอน

 - HTML           : สีในเว็บเพจที่ไม่ได้เป็นส่วนหนึ่งของรูปภาพ เช่น สีของตัวอักษรและพื้นหลัง จะถูกควบคุมด้วยคำสั่งภาษา HTML โดยระบุค่าของสีในระบบเลขฐานสิบหก
เพราะฉะนั้น การเข้าใจถึงอิทธิพลของปัจจัยทั้งสาม และออกแบบโดยคำนึงถึงข้อจำกัดเหล่านี้ จะทำให้ผู้ใช้โดยส่วนใหญ่ได้เห็นสีที่ถูกต้องอย่างที่คุณตั้งใจ