เหตุใดดวงตาของเราจึงต้องการรูปแบบจานสีเสริม ... และที่ที่คุณสามารถสร้างได้

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

สีเป็นความถี่

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

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

ดวงตาของคุณเป็นเครื่องตรวจจับความถี่

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

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

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

ทฤษฎีสี 101: การสร้างสีเสริมให้เหมาะกับคุณ

หากความเหนื่อยล้านั้นไม่เกิดขึ้นดวงตาและสมองของเราก็ไม่ต้องทำงานหนักเพื่อตีความความยาวคลื่นหลายความยาวคลื่น (เช่นสี) ที่พวกเขากำลังมองเห็น

Visual Noise กับ Harmony

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

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

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

ข้อมูลเพิ่มเติมเกี่ยวกับฮาร์โมนีเร็ว ๆ นี้ ... กลับมาที่ทฤษฎีสีกันดีกว่า

RGB สี

พิกเซลภายในสเปกตรัมดิจิตอลคือสีแดงสีเขียวและสีน้ำเงินผสมกัน สีแดง = 0 สีเขียว = 0 และสีน้ำเงิน = 0 จะแสดงเป็น ขาว และสีแดง = 255, สีเขียว = 255 และสีน้ำเงิน = 255 ถูกมองว่าเป็น สีดำ. ทุกสิ่งที่อยู่ระหว่างนั้นเป็นสีที่แตกต่างกันซึ่งประกอบด้วยทั้งสามอย่าง พื้นฐานในการคำนวณสีเสริมนั้นค่อนข้างง่าย…เพียงแค่ลบค่า RGB จาก 255 สำหรับค่า RGB ใหม่ นี่คือตัวอย่าง:

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

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

วงล้อสี

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

ความเป็นจริงที่สนุก: เซอร์ไอแซกนิวตันพัฒนาวงล้อสีเป็นครั้งแรกในปี ค.ศ. 1665 ซึ่งเป็นพื้นฐานสำหรับการทดลองกับปริซึม การทดลองของเขานำไปสู่ทฤษฎีที่ว่าสีแดงสีเหลืองและสีน้ำเงินเป็นสีหลักที่ได้มาจากสีอื่น ๆ ทั้งหมด โน้ตข้าง…เขายังใช้“ โน้ต” ทางดนตรีกับแต่ละสี

โอบแขนฉันด้วย Harmony …

ประเภทของความกลมกลืนของสี

ความสัมพันธ์ระหว่างและวิธีการคำนวณชุดของสีอภินันทนาการแต่ละชุดเรียกว่า ฮาร์โมนี. นี่คือวิดีโอภาพรวมที่ยอดเยี่ยม:

ลักษณะที่แตกต่างกันมีความเกี่ยวข้องกับแต่ละประเภท:

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

สิ่งเหล่านี้ไม่ใช่ธีมที่เป็นอัตวิสัย แต่เป็นการคำนวณทางคณิตศาสตร์ที่แท้จริงโดยใช้ชื่อที่ดีซึ่งช่วยให้เราเข้าใจการคำนวณได้ดีขึ้น

เครื่องกำเนิดแบบแผนจานสี

ด้วยการใช้เครื่องสร้างชุดสีคุณจะได้ชุดสีที่สวยงามและสมบูรณ์แบบเช่นนี้:

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

นี่คือเครื่องกำเนิดชุดจานสีที่ยอดเยี่ยมทางออนไลน์:

• อะโดบี - เครื่องมือที่ยอดเยี่ยมที่มีสีมากถึง 5 สีที่คุณสามารถทดสอบประเภทต่างๆปรับเปลี่ยนและแม้แต่บันทึกธีมของคุณในผลิตภัณฑ์ Adobe ใด ๆ
• ยี่ห้อ - คอลเลกชันรหัสสีของแบรนด์อย่างเป็นทางการที่ใหญ่ที่สุด
• Canva - อัปโหลดภาพถ่ายและพวกเขาจะใช้เป็นพื้นฐานสำหรับจานสีของคุณ!
• Colllor - สร้างจานสีเว็บที่สอดคล้องกันด้วยการคลิกเพียงไม่กี่ครั้ง 
• นักออกแบบสี - เพียงแค่เลือกสีหรือใช้สีที่เลือกไว้ล่วงหน้าจากนั้นแอปจะจัดการส่วนที่เหลือ 
• ล่าสี - แพลตฟอร์มฟรีและเปิดกว้างสำหรับแรงบันดาลใจสีด้วยจานสีที่เลือกด้วยมือที่ทันสมัยนับพัน
• คัลเลอร์คูลเลอร์ - สร้างจานสีสำหรับ Instagram เพื่อให้เป็นที่ชื่นชอบมากขึ้น
• Colormind - เครื่องสร้างโทนสีที่ใช้การเรียนรู้เชิงลึก สามารถเรียนรู้รูปแบบสีจากภาพถ่ายภาพยนตร์และงานศิลปะยอดนิยม
• คัลเลอร์สเปซ - เพียงใส่หนึ่งถึงสามสีและสร้างรูปแบบบางอย่าง!
• รหัสสี - ประสบการณ์ที่ยอดเยี่ยมทั้งหน้าจอสำหรับการสร้างจานสีของคุณด้วยรูปแบบความกลมกลืนหลายแบบทางด้านซ้าย
• COLOURlovers - ชุมชนสร้างสรรค์ที่ผู้คนจากทั่วโลกสร้างและแบ่งปันสีจานสีและรูปแบบพูดคุยเกี่ยวกับแนวโน้มล่าสุดและสำรวจบทความที่มีสีสัน
• คูลเลอร์ - สร้างจานสีที่สมบูรณ์แบบหรือรับแรงบันดาลใจจากโทนสีที่สวยงามนับพัน
• ตัวเลือกสีข้อมูล - ใช้ตัวเลือกจานสีเพื่อสร้างชุดสีที่มี ระยะทางเท่ากัน. 
• โครมา - ใช้ AI เพื่อเรียนรู้ว่าคุณชอบสีใดและสร้างจานสีเพื่อให้คุณค้นพบค้นหาและบันทึก
• การออกแบบวัสดุ - สร้างแบ่งปันและใช้โครงร่างสีสำหรับ UI ของคุณ มันยังมาพร้อมกับการส่งออกสำหรับแอปของคุณ!
• Muzli สี - เพิ่มชื่อสีหรือรหัสและสร้างจานสีที่สวยงาม
• Paletton - เลือกสีพื้นฐานและรับแรงบันดาลใจ

สีและการเข้าถึง

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

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

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

การเปิดเผยข้อมูล: ฉันใช้ลิงค์พันธมิตรในบทความนี้