วงล้อสี: คืออะไรและใช้อย่างไร

วงล้อสีคืออะไร

วงล้อสีเป็นแผนภาพที่จัดวางสีไว้รอบวงกลม สีที่อยู่ติดกันจะคล้ายกัน ส่วนสีที่อยู่ตรงข้ามกันจะแตกต่างกันมากที่สุด

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

มีสองโมเดลหลัก คือโมเดลดั้งเดิมจากงานจิตรกรรม และโมเดลดิจิทัลสำหรับหน้าจอ

โมเดลดั้งเดิม RYB (งานระบายสี)

นี่คือโมเดลที่สอนกันในโรงเรียน เรียกว่า RYB ตามคำภาษาอังกฤษของสีแดง เหลือง และน้ำเงิน

• แม่สี (สีขั้นที่หนึ่ง): แดง เหลือง และ น้ำเงิน ไม่สามารถผสมขึ้นจากสีอื่นได้
• สีขั้นที่สอง: ส้ม (แดง + เหลือง) เขียว (เหลือง + น้ำเงิน) และ ม่วง (น้ำเงิน + แดง)
• สีขั้นที่สาม: ผสมแม่สีกับสีขั้นที่สองที่อยู่ติดกัน ได้แก่ ส้มแดง ส้มเหลือง เขียวเหลือง เขียวน้ำเงิน ม่วงน้ำเงิน และม่วงแดง

รวมแล้ววงล้อสีแบบดั้งเดิมมี 12 สี ช่วยในงานระบายสี ภาพประกอบ และการทำความเข้าใจความกลมกลืนของสี

โมเดลดิจิทัล RGB (หน้าจอ)

หน้าจอสร้างสีด้วยแสง โดยผสมแสงสามสี คือ แดง เขียว และน้ำเงิน โมเดลนี้จึงเรียกว่า RGB

• แม่สี: แดง เขียว และ น้ำเงิน
• สีขั้นที่สอง: เหลือง (แดง + เขียว) ฟ้าไซแอน (เขียว + น้ำเงิน) และ ม่วงแมเจนตา (น้ำเงิน + แดง)
• แสงทั้งสามสีที่ความเข้มเต็มที่รวมกันได้สีขาว ถ้าไม่มีแสงเลยจะได้สีดำ

โค้ด HEX อย่าง #FF0000 ใช้อธิบายสี RGB จึงเป็นมาตรฐานในการออกแบบเว็บไซต์และแอป

สำหรับงานพิมพ์มีอีกโมเดลหนึ่งคือ CMYK ได้แก่ ฟ้าไซแอน ม่วงแมเจนตา เหลือง และดำ ซึ่งโรงพิมพ์ใช้กัน

ในทางปฏิบัติ ชุดสีกลมกลืนในทั้งสองโมเดลทำงานคล้ายกัน สิ่งที่ต่างคือสีใดอยู่ตรงข้ามกับสีใด เช่น ในโมเดล RYB สีตรงข้ามของสีแดงคือสีเขียว แต่ในโมเดล RGB คือสีฟ้าไซแอน

สีโทนร้อนและโทนเย็น

เมื่อแบ่งวงล้อสีออกเป็นสองซีก จะได้สองกลุ่ม

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

แต่ละสีก็มีอุณหภูมิของตัวเองเช่นกัน สีแดงบางเฉดเย็นกว่าเพราะอมน้ำเงิน และสีเทาบางเฉดอุ่นกว่าเพราะอมน้ำตาล

เคล็ดลับที่มีประโยชน์: ใช้สีโทนเย็นกับพื้นหลังและพื้นที่ขนาดใหญ่ และใช้สีโทนร้อนกับสิ่งที่ต้องการให้โดดเด่น

ความกลมกลืนของสี

ชุดสีกลมกลืนคือการจับคู่สีตามตำแหน่งของสีบนวงล้อสี เป็นทางลัดสู่พาเลตที่สมดุล ลองใช้ได้ในเครื่องมือ ความกลมกลืนของสี ของเรา

สีตรงข้าม (Complementary)

สองสีที่อยู่ตรงข้ามกันบนวงล้อสี เช่น น้ำเงินและ ส้ม

ให้คอนทราสต์สูงที่สุด ช่วยให้ปุ่ม ราคา หรือหัวข้อโดดเด่น

วิธีใช้: อย่าใช้ในสัดส่วนเท่ากัน ให้สีหนึ่งเป็นสีหลัก และอีกสีเป็นสีเน้น หลีกเลี่ยงการวางข้อความสีหนึ่งบนพื้นสีตรงข้ามที่สดจัด เพราะจะดูกะพริบและทำให้ตาล้า

สีข้างเคียง (Analogous)

สามสีที่อยู่ติดกันบนวงล้อสี เช่น เหลือง ส้มเหลือง และ ส้ม

ให้การจับคู่ที่สงบและเป็นธรรมชาติ ในธรรมชาติเห็นได้ตลอด เช่น ยามพระอาทิตย์ตกหรือในป่า

วิธีใช้: เลือกสีหลักและสีรอง แล้วใช้สีที่สามกับรายละเอียด เพิ่มสีกลางเพื่อไม่ให้คอนทราสต์หายไป

ไตรแอด (Triadic)

สามสีที่อยู่ห่างกันเท่า ๆ กันบนวงล้อสีจนเกิดเป็นรูปสามเหลี่ยม เช่น แดง เหลือง และ น้ำเงิน

ให้พาเลตที่สดใสและสมดุล นิยมใช้ในงานออกแบบสำหรับเด็ก เกม และแบรนด์ที่สนุกสนาน

วิธีใช้: ให้สีหนึ่งเป็นสีหลัก ส่วนอีกสองสีใช้อย่างพอประมาณ หากดูฉูดฉาดเกินไป ให้ลดความอิ่มตัวของหนึ่งหรือสองสี

สีตรงข้ามแบบแยก (Split-complementary)

เลือกสีหนึ่ง แล้วแทนที่จะใช้สีตรงข้ามพอดี ให้ใช้สองสีที่อยู่ข้าง ๆ สีตรงข้ามนั้น เช่น น้ำเงินกับ ส้มแดงและ ส้มเหลือง

ให้คอนทราสต์สูง แต่ตึงเครียดน้อยกว่าคู่สีตรงข้าม เป็นจุดเริ่มต้นที่ดี

วิธีใช้: สีหลักครอบคลุมพื้นที่ส่วนใหญ่ของงาน ส่วนอีกสองสีใช้เป็นสีเน้น

เตตราด (Tetradic)

สี่สีที่เกิดเป็นรูปสี่เหลี่ยมผืนผ้าหรือสี่เหลี่ยมจัตุรัสบนวงล้อสี คือคู่สีตรงข้ามสองคู่ เช่น น้ำเงิน ส้ม เขียว และ แดง

เป็นชุดสีที่หลากหลายที่สุด แต่ก็ใช้ยากที่สุดเช่นกัน

วิธีใช้: ใช้สีหลักหนึ่งสี สีรองหนึ่งสี และสีเน้นสองสี ผสมโทนร้อนและโทนเย็นอย่างระมัดระวัง และอาศัยสีกลางช่วย

สีเดียว (Monochromatic)

สีเดียวในระดับความสว่างและความอิ่มตัวที่ต่างกัน เช่น สีน้ำเงินหลายเฉด

ดูหรูหรา เป็นเอกภาพ และใช้งานง่าย มักเห็นบนเว็บไซต์องค์กรและในอินเทอร์เฟซ

วิธีใช้: ใช้เฉดเข้มที่สุดกับข้อความ เฉดกลางกับองค์ประกอบสำคัญ และเฉดอ่อนกับพื้นหลัง หากต้องการเน้นบางอย่าง ให้เพิ่มสีเน้นหนึ่งสี

เคล็ดลับการใช้วงล้อสี

• เริ่มจากชุดสีกลมกลืนแล้วค่อยปรับ ไม่จำเป็นต้องทำตามแบบเป๊ะ ๆ
• ปรับความสว่างและความอิ่มตัวเพื่อลดความฉูดฉาดของการจับคู่สี
• เพิ่มสีกลางเสมอ เช่น ขาว ดำ เทา หรือเบจ
• ตรวจสอบว่าข้อความบนทุกพื้นหลังอ่านได้ชัดเจน