ทำไมการไล่ระดับสีนี้จึงดึงดูดมากกว่าสีอื่น ๆ อย่างมาก?

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

นี่คือเว็บไซต์ในขณะนี้:

การไล่ระดับสีที่ดูเป็นธรรมชาติกับการออกแบบ แต่ถ้าฉันเริ่มมิกซ์แอนด์แมตช์ฉันจะจบลงด้วยสิ่งนี้

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

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

การเปลี่ยนจากสีเหลืองทองเป็นสีม่วงแดง / ชมพูจะอยู่ที่ 1/6 ของวงล้อสี ในทางกลับกันการทดลองของคุณ (สีส้มแดงถึงน้ำเงินม่วงม่วงน้ำเงินม่วงเหลืองเขียวและน้ำเงินเขียวม่วง) เปลี่ยนเป็นมากกว่า 1/4

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

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

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

เมื่อคุณถามว่า "ทำไมพวกเขาถึงรับรู้ที่แตกต่างกัน" นี่เป็นอีกสิ่งหนึ่งที่น่าพิจารณา (geeky): ความเรืองแสงที่รับรู้ของสี RGB นี่เป็นเรื่องยากที่จะนำไปใช้ดังนั้นโปรดตอบคำถามของฉันเกือบจะเป็นเรื่องไม่สำคัญ:)

ค่าการเรืองแสงของสีจะระบุว่า "สว่าง" ที่คุณรับรู้ได้อย่างไร ถ้าสีจะเป็นหลอดไฟสีที่มีความเรืองแสงต่ำจะถูกมองว่าเป็นสลัว (40 วัตต์หลอดไฟ) ในขณะที่สีที่มีความสว่างสูงจะรับรู้ว่ามีความสว่างมาก (หลอดไฟ 100W)

อันที่จริงแล้วสีของ RGB นั้นแสดงขึ้นโดยใช้ "หลอดไฟ" เพียงเล็กน้อย หน้าจอประกอบด้วย "หลอดไฟเล็ก ๆ " สามตัวสำหรับแต่ละพิกเซล: R (ed), G (reen) และ B (lue) ค่าสีโฆษณา R, G ที่เฉพาะเจาะจงบ่งบอกถึงความสว่างของหลอดไฟขนาดเล็กแต่ละหลอดที่จะติดสว่างเพื่อสร้างภาพลวงตาของสีนั้น ตัวอย่างเช่นสีส้ม RGB (255, 100, 0) ถูกสร้างขึ้นโดยการเปลี่ยนหลอดไฟสีแดงให้มีประสิทธิภาพสูงสุด (255) ทำให้หลอดไฟสีเขียวกึ่งสลัว (100) และปิดหลอดไฟสีฟ้า (0)

นี่คือภาพประกอบที่แสดงสีและวิธีการ "สว่าง" แต่ละส่วนประกอบ RGB ที่ควรทำเพื่อสร้างภาพลวงตาของสี จุดเล็ก ๆ ใต้แต่ละสีบ่งบอกถึงองค์ประกอบที่สลัวหรือสว่าง

ดังที่คุณเห็นในภาพประกอบเพื่อสร้างสีขาวยกตัวอย่างเช่นคุณเปลี่ยน 3 องค์ประกอบเป็นสูงสุด (255) การรวมกันของ "หลอดไฟ" ขนาดเล็ก 3 ชิ้นนี้ทำให้ตารับรู้ว่าเป็นสีขาว ในการสร้างสีดำคุณปิดทั้งหมด ง่ายมาก: ไม่มีแสงไม่มีสี

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

L = R + G + B

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

L = 0.2126 R + 0.7152 G + 0.0722 B

นี่คือภาพประกอบอีกครั้งพร้อมการเรืองแสงที่คำนวณได้สำหรับแต่ละสี

คุณจะสังเกตได้ว่าตามที่ตาของคุณสามารถบอกคุณได้สีเหลืองจะส่องสว่างกว่าสีส้ม แต่สีส้มนั้นส่องสว่างมากกว่าหรือน้อยกว่าสีม่วงแดง

ตอนนี้ฉันได้นำสีจากจานสีดั้งเดิมของคุณสองอันแล้วคำนวณการเรืองแสงของพวกมัน

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

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

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

สิ่งนี้จะอธิบายได้ว่าทำไมถึงแม้ว่าคุณจะเลือก 2 เฉดสีที่อยู่ห่างจากกันในวงล้อสีเดียวกันมากกว่าที่คุณต้องการผลที่ได้จะแตกต่างกัน

จากhttp://www.colormatters.com/color-and-design/basic-color-theory

1 - ชุดรูปแบบสีตามสีแบบอะนาล็อก

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

2 - ชุดรูปแบบสีตามสีเสริม

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

3 - โทนสีตามธรรมชาติ

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

เพียงเพิ่มคำตอบของ AmeliaBR (ควรเป็นความคิดเห็น แต่ฉันต้องการโพสต์ภาพ) วิธีหนึ่งในการลอง "เปลี่ยนสี" ของคุณ แต่การรักษาระยะห่างสัมพัทธ์เท่ากันระหว่างสีเริ่มต้นและสีสิ้นสุดอาจใช้เครื่องมือสีของ Photoshop

ถ่ายภาพแรก (ภาพที่มีการไล่ระดับสีที่คุณชอบ) และเปิดใน Photoshop จากนั้นเปิดเครื่องมือ Hue / Saturation ( Image->Adjustment->Hue SaturationหรือCtr+U) แล้วเล่นด้วยแถบเลื่อนแรก (Hue) วิธีนี้จะเปลี่ยนเฉดสีของภาพทั้งหมด แต่จะรักษาความสัมพันธ์แบบเดียวกันระหว่างเฉดสีที่มีอยู่ทั้งหมด (โดยเฉพาะอย่างยิ่งสีเริ่มต้นและเฉดสีสิ้นสุดของการไล่ระดับสีของคุณ) เนื่องจากด้านหลังของอินเทอร์เฟซของคุณเป็นสีดำ (หรือสีเทากลาง) การเปลี่ยนสีจะไม่ส่งผลกระทบต่อมัน

หากคุณพบชุดค่าผสมที่คุณต้องการเพียงยอมรับการเปลี่ยนแปลง Hue / Saturation (คลิกOK) และใช้เครื่องมือ eyedropper (กดI) เลือกสีเริ่มต้นและจุดสิ้นสุดของการไล่ระดับสี

ในตัวอย่างนี้ฉันได้เปลี่ยนฮิว -155 และตอนนี้การไล่ระดับสีเปลี่ยนจากสีฟ้าเขียว (ยอดนิยม) เป็นสีฟ้าซึ่งเป็นสีไล่ระดับสีที่เย็นและสงบเงียบพร้อมเสียงสะท้อนทะเล

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