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

ชุดจานสีเสริม

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

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

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

สีและสเปกตรัมแม่เหล็กไฟฟ้า

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

ปริซึม
ปริซึมคริสตัลกระจายแสงสีขาวออกเป็นหลายสี

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

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

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

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

ทฤษฎีสี 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 เพื่อให้ผู้ที่มีความบกพร่องทางการมองเห็นสามารถแยกแยะได้ ฉันจะไม่ประสบปัญหาในการพยายามคำนวณอัตราส่วนด้วยตัวเองคุณสามารถทดสอบอัตราส่วนสองสีของคุณด้วย สีสัน, อัตราความคมชัด, หรือ Colorsafe.
  • ยึดถือ - การไฮไลต์ฟิลด์เป็นสีแดงไม่ได้ช่วยคนที่มีความบกพร่องของสี อย่าลืมใช้ข้อความหรือไอคอนบางประเภทเพื่อแจ้งให้ทราบว่ามีปัญหาเช่นกัน
  • โฟกัส - หลายคนนำทางด้วยแป้นพิมพ์หรือโปรแกรมอ่านหน้าจอ ตรวจสอบให้แน่ใจว่าอินเทอร์เฟซผู้ใช้ของคุณได้รับการออกแบบอย่างเหมาะสมพร้อมด้วยการติดแท็กการเข้าถึงทั้งหมดเพื่อให้พวกเขาใช้ประโยชน์จากไซต์ของคุณ สำหรับผู้ที่มีความบกพร่องทางการมองเห็นการใช้พื้นที่สีขาวและความสามารถในการเพิ่มหรือลดขนาดแบบอักษรโดยที่ไม่ทำลายเค้าโครงเป็นสิ่งสำคัญ

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

คุณคิดอย่างไร?

ไซต์นี้ใช้ Akismet เพื่อลดสแปม เรียนรู้วิธีการประมวลผลข้อมูลความคิดเห็นของคุณ.