สีคู่ตรงข้าม: หาสีตรงข้ามของสีที่คุณเลือก ทั้งแบบศิลปะและแบบหน้าจอ

สีคู่ตรงข้ามคือสองสีที่อยู่คนละฝั่งของวงล้อสี วงล้อแบบศิลปะที่เรียนกันในโรงเรียนมี 3 คู่หลัก คือ แดงกับเขียว เหลืองกับม่วง และน้ำเงินกับส้ม ใส่สีของคุณด้านล่าง แล้วดูสีตรงข้ามได้ทั้งสองแบบ พร้อมรหัสที่กดคัดลอกได้

สีคู่ตรงข้ามมีอะไรบ้าง

วงล้อสีแบบศิลปะ 12 สีจับคู่ตรงข้ามได้ 6 คู่ สามคู่แรกเป็นแม่สีหนึ่งตัวคู่กับสีขั้นที่ 2 ที่ผสมจากแม่สีอีกสองตัวที่เหลือ อย่างแดงคู่กับเขียว ซึ่งเกิดจากเหลืองผสมน้ำเงิน อีกสามคู่เป็นสีขั้นที่ 3 ที่อยู่ระหว่างกลาง

• แดง#E61919เขียว#19E619
• เหลือง#E6E619ม่วง#A219E6
• น้ำเงิน#193AE6ส้ม#E69119
• ส้มแดง#E65519เขียวน้ำเงิน#19E6D6
• เหลืองส้ม#E6BB19ม่วงน้ำเงิน#4C19E6
• เขียวเหลือง#80E619ม่วงแดง#E619A2

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

ทำไมสีตรงข้ามบนจอไม่ตรงกับที่เรียนในวิชาศิลปะ

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

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

วิธีใช้สีคู่ตรงข้ามให้ดูดี ไม่แสบตา

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

• ให้สีหนึ่งเป็นพื้น อีกสีเป็นจุดเน้น นักออกแบบหลายคนเริ่มที่สัดส่วนราว 80/20 หรือ 70/30 ตัวเลขนี้เป็นแค่จุดตั้งต้น ปรับตามงานได้เสมอ
• ลดความสดลงหนึ่งสี เช่น เขียวหม่นคู่แดงสด หรือเปลี่ยนสีพื้นเป็นโทนอ่อนจากจานสีพาสเทล
• มีสีกลางคั่น ขาว ครีม เทา หรือดำ ช่วยพักสายตาระหว่างสองสี
• ระวังตัวหนังสือ คู่ตรงข้ามหลายคู่สว่างพอๆ กัน แดงสดกับเขียวสดในเครื่องมือด้านบนได้คอนทราสต์ไม่ถึง 3:1 ซึ่งต่ำกว่าเกณฑ์ 4.5:1 ของ WCAG สำหรับตัวหนังสือขนาดปกติ ทางที่ปลอดภัยกว่าคือวางตัวหนังสือขาวหรือดำบนสีนั้น

ตัวอย่างสีคู่ตรงข้าม: เสื้อผ้า ห้อง และงานออกแบบ

แต่งตัว

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

แต่งห้อง

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

งานออกแบบ โลโก้ และโพสต์

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

คำถามที่พบบ่อย

สีตรงข้ามของสีแดงคือสีอะไร

ถ้าดูตามวงล้อสีแบบศิลปะคือสีเขียว ถ้าดูตามวงล้อแบบหน้าจอ (RGB) คือสีฟ้าอมเขียว หรือ cyan รหัส #00FFFF งานระบายสี แต่งตัว และแต่งห้องใช้เขียว ส่วนงานบนจอเลือกได้ทั้งสองแบบ

สีตรงข้ามของสีเหลืองกับสีน้ำเงินคือสีอะไร

วงล้อแบบศิลปะให้เหลืองคู่กับม่วง และน้ำเงินคู่กับส้ม วงล้อแบบหน้าจอให้เหลืองสด #FFFF00 คู่กับน้ำเงิน #0000FF บนจอสองสีนี้จึงเป็นคู่ตรงข้ามของกันและกัน

สีคู่ตรงข้ามผสมกันแล้วได้สีอะไร

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

สีขาว สีดำ และสีเทามีสีตรงข้ามไหม

บนวงล้อสีไม่มี เพราะสีกลางไม่มีเฉดสีให้หมุนไปอีกฝั่ง ใส่สีเหล่านี้ในเครื่องมือจะได้สีเดิมกลับมา การกลับค่า RGB ที่ทำให้ดำกลายเป็นขาวคือการกลับสี ซึ่งเป็นคนละเรื่องกับคู่ตรงข้ามบนวงล้อ

ทำไมจ้องสีหนึ่งนานๆ แล้วมองพื้นขาวจะเห็นอีกสีหนึ่ง

นั่นคือภาพติดตา (afterimage) ตาที่จ้องสีเดิมนานจะปรับตัวกับสีนั้น พอหันไปมองพื้นขาวจะเห็นเงาจางๆ เป็นสีตรงข้าม เช่น จ้องสีแดงแล้วเห็นเงาสีฟ้าอมเขียว

ที่มาของข้อมูล

คู่สีตรงข้ามของวงล้อแบบศิลปะและแบบหน้าจอ ผลของการผสม และภาพติดตา อ้างอิง Complementary colors กับ Afterimage (Wikipedia) คู่ของสีขั้นที่ 3 อ้างอิง Adobe: Tertiary colours สูตรค่าคอนทราสต์และเกณฑ์ 4.5:1 มาจาก WCAG 2.2: Contrast (Minimum) ของ W3C