More Related Content Similar to พื้นฐานการเลือกสีและรหัสสี (17) พื้นฐานการเลือกสีและรหัสสี3. พื้นฐานการเลือกใช้สี
การทาความเข้าใจวิธีการเลือกหรือกาหนดสีเพื่อ
ใช้ในวัตถุประสงค์ใด ๆ นักออกแบบจะต้องพัฒนาความรู้
เกี่ยวกับการทางานของสี วิธีการจัดประเภทสี และเงื่อนไขต่าง ๆ
ของสีเป็นอันดับแรก
สีสามารถแบ่งออกเป็น 3 ด้านหลัก คือ เนื้อสี ,
โทนสี และความสดของสี
โดย “เนื้อสี” หมายถึงชื่อทั่วไปของสี เช่น สีแดง
สีเหลือง หรือสีน้าเงิน ในเนื้อสีหนึ่ง ๆ จะมีหลายรูปแบบตั้งแต่
สว่าง (สีอ่อน) จนถึงมืด (สีเข้ม) ซึ่งจะเรียกว่าโทนสี หรือ
น้าหนักสีนอกจากนี้เนื้อสียังสามารถแบ่งได้ตามความสดหรือ
ความเข้มของสี (อาจเรียกได้ว่าความหนาแน่นของสี) ความ
สดของสีจะมีตั้งแต่ความหนาแน่นสูงไปจนถึงความหนาแน่น
ต่า หรือตั้งแต่สว่างจนถึงมืด
สียังสามารถอธิบายได้ด้วยอุณหภูมิและพลวัต
ของสี เนื้อสีที่มีสเปกตรัม (Spectrum) ย่านสีแดงจะให้
ความรู้สึกอบอุ่นและใกล้ชิดต่อผู้ชมมากกว่าเนื้อสีมีสเปกตรัม
ย่านสีน้าเงินที่ให้ความรู้สึกเย็นและห่างไกล
4. วงล้อสี (Color wheel)
วงล้อสี (Color wheel) วงล้อ
สีแสดงสีปฐมภูมิ สีทุติยภูมิ สีตติยภูมิ โดย
สีปฐมภูมิประกอบไปด้วยสีแดง สีเหลือง
และสีน้าเงิน สีทุติยภูมิสร้างขึ้นจากการ
ผสมสีปฐมภูมิทีละสองสีเข้าด้วยกัน ซึ่งจะ
เกิดเป็นสีส้ม สีเขียว และสีม่วง สีตติยภูมิ
เกิดจากการผสมสีปฐมภูมิสีเหลือง-ส้ม
สีเหลือง-เขียว สีน้าเงิน-เขียว สีน้า
เงิน-ม่วง และสีแดง-ม่วง
5. เนื้อสี (Hue)
เนื้อสี (Hue) เป็นความแตกต่างของสีหนึ่ง ๆ กับสีอื่นๆ โดยจะเป็น
ชื่อทั่วไปของสี เช่น สีแดงกล่าวได้ว่า เป็นสีตรงข้ามกับสีฟ้า
6. โทนสี (Tone)
โทน (Tone) หรือ
น้าหนักสี เป็นความสัมพันธ์
ระหว่างความสว่างและความ
เข้มของสี สีที่เพิ่มสีขาวเข้าไป
จะเรียกว่าสีอ่อน ส่วนสีที่เพิ่ม
สีดาเข้าไปจะเรียกว่าสีเข้ม
7. ความสดของสี (Saturation)
ความสดของสี (Saturation) หรือความเข้มของสี เปรียบเทียบได้กับความ
สว่างของสี ในแถวสีที่มีความเข้มสูงจะเป็นสีสว่าง ในขณะที่แถวสีที่มีความเข้มสี
ต่านั้นเป็ นสีที่หมองกว่า สีทั้งสองที่อยู่ในแถวเดียวกันนั้นถือว่าเป็นสีเดียวกัน แต่มี
ความเข้มที่แตกต่าง
8. สีแบบลบ (Subtractive Color)
สีแบบลบ (Subtractive Color)
ซองอะซิเตทที่พิมพ์ด้วยแม่สีโปร่งใสสามารถ
นามาพับให้เป็ นรูปทรงสามเหลี่ยมแบบ
ต่าง ๆ ซึ่งทุก ๆ การพับนั้นจะให้โทนสีที่
แตกต่างกันออกไปทุกครั้ง
วิธีนี้สามารถนาไปประยุกต์ใช้
กับการออกแบบดิจิตอลได้ โดยการสร้างเล
เยอร์โปร่งใสและนาแต่ละเลเยอร์มาซ้อนทับ
กัน การทดลองซ้อนทับสีในรูปแบบนี้จะช่วย
ให้คุณสามารถกาหนดลาดับความสาคัญใน
การ อ อ กแ บ บ , อ งค์ ป ร ะ กอ บ ใ น
หน้ากระดาษ และสร้างความน่าสนใจกับ
ตัวอักษรและกาหนดอารมณ์และจังหวะ
ให้กับผลงาน
11. สีที่แสดงผลบนหน้าจอ
สีที่แสดงผลบนหน้าจอ สีปฐมภูมิแบบบวกและสี RGB เป็นสีที่ใช้ในการสร้างสีสันต่าง ๆ บน
หน้าจอคอมพิวเตอร์ , โทรทัศน์ และจอแสดงผลต่างๆ การผสมสีระหว่างสีปฐมภูมิแบบบวกทั้ง
สามจะได้ผลลัพธ์ออกมาเป็นสีขาว
สีปฐมภูมิของงานพิมพ์ สีปฐมภูมิแบบลบและสี CMYK ฟ้าอมเขียว (Cyan) , แดงอมม่วง
(Magenta) , เหลือง (yellow) , ดา (Key) เป็นสีพื้นฐานที่ใช้ในงานพิมพ์ เมื่อนาสีเหล่านี้มาผสม
กันจะได้เป็นสีดา
12. สีแพนโทน (Pantone)
สีแพนโทน (Pantone)
สีแบบบวกที่ใช้งานออกแบบจะ
เรียกว่าสีพิเศษ เมื่อคุณต้องการเลือกสีจะ
นาไปใช้งาน คุณอาจจะใช้ระบบการจับคู่สี
สากล หรือที่คุณรู้จักกันในชื่อของระบบการจับคู่
สีแพนโทน (PMS) สีแพนโทนเกิดจากการ
ผสมสีระหว่าง 15 เม็ดสี (รวมทั้งสีดา และสี
ขาว) และยังเป็นสีพื้นฐานที่ใช้ในการผสมสี
สาหรับงานพิมพ์ ระบบนี้จะแตกต่างกันจาก
ระบบสี CMYK แต่บางทีของแพนโทนอาจจะให้
สีที่เหมือนกับระบบ CMYK
16. คาศัพท์ที่เกี่ยวข้อง
• Additive Color : ระบบทั้งหมดที่แสดงผลบนหน้าจอหรือโทรทัศน์นั้นมักจะใช้ค่าสี RGB (แดง,เขียว,น้าเงิน)
เมื่อนาสีทั้งสามนี้มาผสมกันจะได้ออกมาในรูปของสีขาว
• Analogous color : สีที่อยู่ข้าง ๆ กัน ในวงล้อสี ยกตัวอย่าง เช่น สีน้าเงินกับสีเขียว
• CMYK : ฟ้าอมเขียว (Cyan) , แดงอมม่วง (Magenta) , เหลือง (yellow) , ดา (Key) ทั้งสี่สีนี้เป็นสีที่ใช้ใน
กระบวนการพิมพ์ 4 สี
• Complementary Color : สีที่อยู่ตรงข้ามกันในวงล้อสี ยกตัวอย่างเช่น สีแดงกับสีเขียว
• Gamut : ขอบเขตของสีที่อยู่ในระบบหนึ่ง ๆ เช่น ขอบเขตของสี CMYK หรือ RGB
• Primary Color : สีแดง สีเหลือง หรือสีน้าเงิน
• Secondary Color : การผสมสีปฐมภูมิใด ๆ สองสีเข้าด้วยกัน โดยเมื่อผสมแล้วจะได้สีส้ม สีเขียว และสีม่วง
• Spot Color : สีพิเศษ เช่น สี Pantone หรือ Toyo ซึ่งเกิดจากการพิมพ์จากสีพื้น ไม่ได้สร้างขึ้นจากสี CMYK
• Subtractive Color : ระบบที่ใช้ในการพิมพ์ ซึ่งขึ้นกับค่าสี CMYK
• Tertiary color : การผสมสีทุติยภูมิสองสีเข้าด้วยกัน ได้เป็นสีตติยภูมิ
• Color models : มาตรฐานค่าสีที่ถูกใช้ผสมเป็นสีต่าง ๆ เช่น CMYK , RGB , LAB
18. สีและการรับรู้ , ความตัดกัน และความกลมกลืมของสี
ประสบการณ์เกิดขึ้นจากการทางานจะเป็นสิ่งที่
ทาให้เห็นมุมมองในการเลือกใช้สีที่เหมาะสมกับ
งานออกแบบกราฟิก การเลือกใช้สี และความ
ชัดเจนของสีนั้น จะมีความแตกต่างกันอย่างมาก
โดยมันจะขึ้นกับว่าเรามองสีนั้น ๆ ผ่านหน้า
จอแสดงผลหรือมองผ่านการพิมพ์ สีมีผลกระทบ
อย่างมากต่อการรับรู้ ดังนั้น เราควต้องพิจารณา
ให้ถี่ถ้วน ส่นความตัดกันและความกลืมกลื่นของ
จะช่วยเพิ่มความน่าสนใจกับงานออกแบบ
19. สีและการรับรู้ (Color Legibility)
สีและการรับรู้ (Color Legibility)
การรับรู้จากสีนั้นหมายถึงการที่สามารถเข้าใจบางสิ่ง
บางอย่างได้อย่างชัดเจน มีปัจจัยมากมายที่มีอิทธิพลต่อการรับรู้และ
การสื่อความหมายของสี ยกตัวอย่างเช่น
- เงื่อนไขเกี่ยวกับแสงและการมองเห็นในการอ่านมี
ผลกระทบอย่างชัดเจนต่อการรับรู้ทั้งในด้านงานพิมพ์หรือแม้แต่งานที่
แสดงบนจอแสดงผล โดยสามารถเปรียบเทียบการรับรู้ได้จากการมอง
ภาพผ่านจอแสดงผลในห้องมืดกับห้องที่ได้รับแสงอาทิตย์โดยตรง
- การเลือกสี
- สีพื้นหลังหรือพื้นผิวของสีที่ใช้ในการพิมพ์
- ขนาดและรูปร่างของตัวอักษรหรือรูปภาพที่นามาใช้งาน
20. ความตัดกันละความกลมกลืน (Contrast and Harmony)
ความตัดกันละความกลมกลืน
(Contrast and Harmony)
การเลือกใช้ สีควร
สอดคล้องกับเนื้อหาของงาน
ออกแบบและควรสนับสนุนไอเดีย
ให้มีความเป็นรูปธรรมมากยิ่งขึ้น
ดังนั้น การทางานเกี่ยวกับความตัด
กันและความกลมกลืนของสีจึงเป็น
สิ่ ง ส า คั ญ ทั้ง ส อ ง ล้ ว น มี
ความสัมพันธ์กับความสามารถใน
การรับรู้และความสัมพันธ์ของสี
และส่งผลต่อฟังก์ชันและความ
เข้าใจในงานออกแบบ
21. คาศัพท์ที่เกี่ยวข้อง
• Analogous : ความคล้ายคลึง , เทียบเคียง , เหมือนกัน ยกตัวอย่างเช่น สีสองสีที่ใกล้เคียงกัน เช่น สี
เขียวของหญ้ากับสีเขียวของใบไม้นั้นสีที่มีความคล้ายคลึงกัน
• Contrast : ความแตกต่างระหว่างสองหรือหลายองค์ประกอบ ซึ่งในที่นี้หมายถึง สีของรูปภาพ
ยกตัวอย่าง สีที่มีความตัดกันสูง เช่นสีขาว และสีดา หรือสีน้าเงิน และสีส้ม ส่วนสีที่มีความตัดกัน
ต่า เช่น สีน้าเงินสองเฉดที่คล้ายกัน อย่างสีฟ้าอมเขียว (Cyan) และสีน้าเงินดอกข้าวโพด
(Cornflower Blue) เป็นต้น
• Harmony : รูปภาพที่ประกอบด้วยสีสองสีหรือมากกว่าอยู่ด้วยกันอย่างกลมกลืน เช่น สีน้าตาลอม
เทา (Taupe) และสีเทา
24. ความเฉลียวฉลาด, ความทรงจา , ประสบการณ์ และวัฒนธรรมล้วนมีส่วน
สัมพันธ์กับการใช้สีทั้งสิ้น ความแตกต่างของสีเพียงเล็กน้อยอาจส่งผลต่อการรับรู้ได้ โดย
ความหมายของสีจะเปลี่ยนไปตามพื้นฐานการเรียนรู้และพื้นฐานการทางวัฒนธรรม เป็น
หนึ่งในสัญลักษณ์ของทุก ๆ สังคม เป็นตัวแทนสื่อความมหาย และสังคมแตกต่างกันย่อม
นิยามความหมายของสีแตกต่างกัน
ความสาคัญของสี
25. • สีดา เป็นสีของความเศร้าโศกเสียใจ และความตายของประเทศฝั่งตะวันตก แต่ใน
ประเทศจีน อินเดีย สีขาวถูกใช้เป็นตัวแทนแห่งความเศร้า
• สีแดง มีความหมายถึงการ “หยุด” มักใช้กับป้ายเตือนยานพาหนะต่างๆ ส่วนสีแสดง
ในความหมายของชาวจีนหมายถึง ความโชคดี
• สีเขียว ในศตวรรษที่ 19 มีความหมายถึงยาพิษ หรือสารหนู แต่ในปัจจุบันสีเขียวมี
ความหมายถึงความอุดมสมบูรณ์และการตระหนักถึงธรรมชาติ
• สีน้าเงิน ให้ความรู้สึกถึงไปรษณีย์ในประเทศสหรัฐอเมริกา เนื่องจากตู้จดหมายใน
สหรัฐอเมริกานั้นมีสีน้าเงิน แต่ในสวีเดนหรืออังกฤษตู้จดหมายจะเป็นสีแดง รวมทั้ง
ประเทศไทยด้วย
• สีเหลือ เป็นสัญลักษณ์แห่งความกล้าหาญของชาวญี่ปุ่น
ความหมายของสีนั้นสามารถเปลี่ยนไปได้ตามเวลาและแตกต่างออกไปตามแต่
ละวัฒนธรรม หากงานออกแบบของคุณ ต้องจัดแสดงระดับนานาชาติอย่างลืมคานึงถึง
ความหมายของสีเหล่านี้ประกอบด้วย
ความสาคัญของสี
27. สีแดง ให ้ความรู้สึกร้อน รุนแรง กระตุ้น ท ้าทาย เคลื่อนไหว ตื่นเต ้น เร้าใจ มีพลัง ความอุดมสมบูรณ์
ความมั่งคั่ง ความรัก ความสาคัญ อันตราย
สีส้ม ให ้ความรู้สึก ร้อน ความอบอุ่น ความสดใส มีชีวิตชีวา วัยรุ่น ความคึกคะนอง การปลดปล่อย
ความเปรี้ยว การระวัง
สีเหลือง ให ้ความรู้สึกแจ่มใส ความสดใส ความร่าเริง ความเบิกบานสดชื่น
ชีวิตใหม่ ความสดใหม่ ความสุกสว่าง การแผ่กระจาย อานาจบารมี
สีเขียว ให ้ความรู้สึก สงบ เงียบ ร่มรื่น ร่มเย็น การพักผ่อน การผ่อนคลาย ธรรมชาติ
ความปลอดภัย ปกติ ความสุข ความสุขุม เยือกเย็น
สีน้ำเงิน ให ้ความรู้สึกสงบ สุขุม สุภาพ หนักแน่น เคร่งขรึม เอาการเอางาน ละเอียด รอบคอบ สง่างาม
มีศักดิ์ศรี สูงศักดิ์ เป็นระเบียบถ่อมตน
สีม่วง ให ้ความรู้สึก มีเสน่ห์ น่าติดตาม เร้นลับ ซ่อนเร้น มีอานาจ มีพลังแฝงอยู่ ความรัก ความเศร ้า
ความผิดหวัง ความสงบ ความสูงศักดิ์
สีฟ้ ำ ให ้ความรู้สึก ปลอดโปร่งโล่ง กว ้าง เบา โปร่งใส สะอาด ปลอดภัย ความสว่าง ลมหายใจ
ความเป็นอิสระเสรีภาพ การช่วยเหลือ แบ่งปัน
สีดำ ให ้ความรู้สึก มืด สกปรก ลึกลับ ความสิ้นหวัง จุดจบ ความตาย ความชั่ว ความลับ ทารุณ โหดร้าย
ความเศร ้า หนักแน่น เข ้มเข็ง อดทน มีพลัง
สีชมพู ให ้ความรู้สึก อบอุ่น อ่อนโยน นุ่มนวล อ่อนหวาน ความรัก เอาใจใส่ วัยรุ่น หนุ่มสาว
ความน่ารัก ความสดใส
สีเทำ ให ้ความรู้สึก เศร้า อาลัย ท ้อแท ้ ความลึกลับ ความหดหู่ ความชรา ความสงบ
ความเงียบ สุภาพ สุขุม ถ่อมตน
สีทอง ให ้ความรู้สึก ความหรูหรา โอ่อ่า มีราคา สูงค่า สิ่งสาคัญ ความเจริญรุ่งเรือง ความสุข
ความมั่งคั่ง ความร่ารวย การแผ่กระจาย
31. สีกับการให ้ข ้อมูล
สีเป็นเครื่องมือที่ทรงพลัง โดยเฉพาะกับงานออกแบบที่เกี่ยวกับข้อมูล เพราะจะ
ช่วยให้นักออกแบบสามารถจัดเรียงข้อมูลได้ในหลากหลายรูปแบบ และเพิ่มความสามารถ
ในการ “เข้าใจได้” ให้กับงานออกแบบ นักจิตวิทยาได้พิสูจน์แล้วว่าผู้ชมจะเห็นสีก่อน
เห็นรูปทรงและรายละเอียด เนื่องจากสีเป็นข้อมูลพื้นฐานแรกสุดที่เข้าสู่สมองดังนั้น มัน
จึงเหมาะในการนามาใช้กับสิ่งต่าง ๆ สนับสนุนการจัดลาดับของข้อมูลนาสายตาผ่านระบบ
หรือข้อมูลที่ซับซ้อน และเป็นเครื่องนาทางไปสู่พื้นที่ว่างใหม่
32. สีกับการให ้ข ้อมูล
ระบบ คือ สิ่งที่รวมเอาข้อมูลที่ซับซ้อนมาไว้รวมกัน เช่น แผนที่ , ป้ายบอกทาง ,
ส่วนต่าง ๆ โครงสร้าง , เว็บไซต์ ซึ่งสีจะเข้ามาช่วยจัดข้อมูลเหล่านี้ให้เข้าที่เข้าทาง นัก
ออกแบบเรขศิลป์ ในสภาพแวดล้อมต่าง ๆ (Environmental Graphic Designer) ล้วนต้อง
ออกแบบระบบชี้นาทาง , เครื่องหมาย , ออกแบบนิทรรศการและการทาแผนที่ข้อมูล โดยใช้
สีเป็นหนึ่งในเครื่องมือสาคัญทั้งสิ้น
36. ค ้นหาเส ้นทาง
การบอกเส้นทางนั้นต้องการแผนที่ประกอบ แผนที่รถไฟใต้ดินลอนดอน พัฒนาโดยวิศวกร
แฮร์รี่เบลอ ในปี คศ. 1931 เป็นแผนที่แรกที่มีการใช้ภาพกราฟิกประกอบ และเป็นต้นแบบให้กับแผนที่
บอกทางอื่น ๆ ทั่วโลก การใช้สีเป็นตัวแทนของแต่ละสายในสถานนีชิบูย่า (Shibuya) ประเทศญี่ปุ่นกับ
แผนที่รถไฟที่ดูเหมือนแผงวงจนอะไรสักอย่าง ได้ทาหน้าที่ให้ข้อมูลกับผู้เดินทางกว่า 2.4 ล้านคคนทุกวัน
และระบบการใช้สีได้ขยายมาสู่ระบบไฟฟ้าใต้ดินของโตเกียว (Tokyo) ต่อไป
39. ภาษาอันเป็นสากล
สี เ ป็ น ห นึ่ ง ใ น
ภาษาสากล ที่สามารถใช้ใน
การสื่อสาร เช่น ในสนามบิน
หรือโรงพยาบาล มีการใช้รูป
สัญลักษณ์ หรือ Pictogram
ร่วมกับการใช้โค้ดสี ช่วยทาได้
ข้อมูลต่าง ๆ เข้าใจได้ง่าย
ยิ่งขึ้น
40. คาศัพท์ที่เกี่ยวข้อง
• Data : ข้อเท็จจริงหรือส่วนหนึ่งของข้อมูลใด ๆ
• Diagram : ภาพวาดหรือแผนงานที่ใช้ในการอธิบายสิ่งใด ๆ หรืออธิบายการทางานของสิ่งต่าง ๆ
• Quantitative : ข้อมูลด้านจานวนของสิ่งของ รวมถึงการวัดต่าง ๆ (ข้อมูลเชิงตัวเลข)
• Schematic : ภาดวาดหรือแผนงานที่ทอนรายละเอียดให้เรียบง่ายขึ้นใช้เป็นตัวแทนของระบบหรือ
โครงสร้างจริง
• Statistical : สถิติ เกี่ยวข้องการจัดเก็บ , แบ่งกลุ่ม และจัดเรียงข้อมูล (โดยปกติเป็นข้อมูลเชิงตัวเลข)
45. กาหนดสีที่ใช ้
• โทนสีเดียว
• โทนสีผสม 2 สี
• โทนสีผสม 3 สี
• Color scheme, theme
• ดูสีของสิ่งพิมพ์, logo หัวจดหมาย หรือสื่อโฆษณา ประชาสัมพันธ์อื่นๆที่มีอยู่
ของบริษัท
47. สีน้าเงิน
ให้ ค วา มรู้ สึก ขึงขั ง จริ งจั ง
น่ าเชื่ อถือ เป็ นการเป็ นงาน
ปลอดภัย หรูหรา มีระดับ มีราคา
สีน้าเงินระดับต่างๆ ให้ความรู้สึก
แตกต่างกัน
67. PIXELS
A monitors screen is divided into a grid of small unit called picture elements or pixels.
The more pixels per inch the better the resolution, the sharper the image.
All colors on the screen are a combination of red, green and blue (RGB), just at various
intensities.
70. With web applications like HTML (Hypertext Markup Language), colors are sometime
described using their RGB color specification in hexadecimal.
<tr>
<td rowspan="2" bgcolor="#cccc99"> </td>
<td height="30" bgcolor="#999966"><div id="mainnav">
Hexadecimal Number
71. HEXADECIMAL RED GREEN BLUE
<td rowspan="2" bgcolor="#cccc99"> </td>
Red Green Blue
cc cc 99
<td height="30" bgcolor="#999966"><div id="mainnav">
Red Green Blue
99 99 66
# means hexadecimal in web applications
72. RICK’S NUMBER SYSTEM RULES
All digits start with 0
A Base-n number system has n number of digits:
• Decimal: Base-10 has 10 digits
• Binary: Base-2 has 2 digits
• Hexadecimal : Base-16 has 16 digits
The first column is always the number of 1’s
Each of the following columns is n times the previous column (n = Base-n)
• Base 10: 10,000 1,000 100 10 1
• Base 2: 16 8 4 2 1
• Base 16: 65,536 4,096 256 16 1
75. HEXADECIMAL DIGITS
4 BITS CAN BE REPRESENTED BY 1 HEX VALUE
Hexadecimal: 16 digits
Dec Hex Binary
8421
0 0
1 1
2 2
3 3
4 4
5 5
6 6
7 7
Dec Hex Binary
8421
8 8
9 9
10 A
11 B
12 C
13 D
14 E
15 F
76. HEXADECIMAL DIGITS
4 BITS CAN BE REPRESENTED BY 1 HEX VALUE
Hexadecimal: 16 digits
Dec Hex Binary
8421
0 0 0000
1 1 0001
2 2 0010
3 3 0011
4 4 0100
5 5 0101
6 6 0110
7 7 0111
Dec Hex Binary
8421
8 8 1000
9 9 1001
10 A 1010
11 B 1011
12 C 1100
13 D 1101
14 E 1110
15 F 1111
77. HOW MUCH RED GREEN BLUE ?
<td rowspan="2" bgcolor="#cccc99"> </td>
Red Green Blue
cc cc 99
<td height="30"bgcolor="#999966"><divid…>
Red Green Blue
99 99 66
78. HEXADECIMAL # RED GREEN BLUE
<td rowspan="2" bgcolor="#cccc99"> </td>
Red Green Blue
cc cc 99
Convert to Binary
Red Green Blue
Hex cc cc 99
Bin 1100 1100 1100 1100 1001 1001
24 bits represent a single color
79. Red Green Blue
Hex cc cc 99
Bin 1100 1100 1100 1100 1001 1001
24 bits represent a single color
80. Red Green Blue
Hex 00->FF 00->FF 00->FF
Bin 0000 0000 0000 0000 0000 0000
thru thru thru
1111 1111 1111 1111 1111 1111
Dec 0 -> 255 0 -> 255 0 -> 255
0
255
0
255
0
255
? ? ?
82. Red Green Blue
Hex cc cc 99
Bin 1100 1100 1100 1100 1001 1001
Hexadecimal
Decimal 16’s 1’s
c c
or
12 12
(12x16) (12x1)
204 = 192 + 12
83. Red Green Blue
Hex cc cc 99
Bin 1100 1100 1100 1100 1001 1001
Hexadecimal
Decimal 16’s 1’s
c c
or
12 12
(12x16) (12x1)
204 = 192 + 12
84. Red Green Blue
Hex cc cc 99
Bin 1100 1100 1100 1100 1001 1001
Hexadecimal
Decimal 16’s 1’s
9 9
or
9 9
(9x16) (9x1)
153 = 144 + 9
88. REFERENCE
David Dabner | Sandra Stewart | Eric Zempol
Graphic Design School
ผู้แปล จุติพงศ์ ภูสุมาศ, สุวิสา แซ่อึ่ง
ปิยะบุตร สุทธิดารา | บรรณาธิการ
http://www.w3schools.com/html/html_colors.asp
http://html-color-codes.info/