โมเดลสี OKLCH ถูกวิจารณ์เรื่องปัญหา Gradient และข้อจำกัดของ Gamut

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

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

ปัญหา Gradient เผยให้เห็นข้อบกพร่องพื้นฐาน

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

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

วิธีการสอดแทรกไล่สี (Gradient Interpolation Methods)

• OKLCH: สอดแทรกรอบขอบของวงล้อสี สามารถออกไปนอกช่วงสีที่แสดงผลได้
• Oklab: สอดแทรกเป็นเส้นตรงผ่านพื้นที่สี ปลอดภัยกว่าสำหรับการใช้งานจริง
• sRGB: การสอดแทรก RGB แบบดั้งเดิม อาจสร้างจุดกึ่งกลางที่ดูขุ่นมัว
• OKLCH longer hue: วิธี OKLCH ทางเลือกที่เดินทางไปในทิศทางตรงข้ามรอบวงล้อสี

ข้อจำกัดของฮาร์ดแวร์สร้างอุปสรรคในทางปฏิบัติ

แม้จะมีเทคโนโลยีจอแสดงผลขั้นสูงเช่นจอ DCI-P3 ปัญหาพื้นฐานก็ยังคงอยู่ สีที่ OKLCH สามารถระบุได้มักจะขยายไปไกลเกินกว่าที่เทคโนโลยีจอแสดงผลปัจจุบันหรือที่คาดการณ์ได้ในอนาคตจะสามารถสร้างขึ้นได้ gradient บางอันต้องการสีที่มีความสดใสมากกว่าที่เป็นไปได้ทางกายภาพถึงสองเท่า ทำให้เกิดช่องว่างระหว่างความสามารถเชิงทฤษฎีของโมเดลสีกับการใช้งานในโลกแห่งความจริง

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

ความซับซ้อนของ Chroma ทำให้นักออกแบบสับสน

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

เราไม่เข้าใจ Chroma โดยสัญชาตญาณ ฉันกำลังรอ OKHSL ที่การปรับแต่งจะเล็กกว่ามากและไม่นำไปสู่การเปลี่ยนแปลงที่ไร้สาระในเจตนา

ค่า chroma สูงสุดแตกต่างกันอย่างมีนัยสำคัญขึ้นอยู่กับทั้ง hue และความสว่าง ทำให้เกิดสภาพแวดล้อมการทำงานที่ไม่สม่ำเสมอซึ่งต้องการความรู้ทฤษฎีสีอย่างกว้างขวางในการนำทางอย่างมีประสิทธิภาพ

การเปรียบเทียบโครงสร้าง OKLCH

เทียบกับโครงสร้าง HSL:

อุตสาหกรรมแสวงหาโซลูชันทางเลือก

ความท้าทายกับ OKLCH ได้นำบางคนในอุตสาหกรรมไปสู่การสำรวจทางเลือกอื่น Tailwind CSS เฟรมเวิร์กเว็บยอดนิยม เริ่มแรกได้นำ OKLCH มาใช้สำหรับการ interpolation ของ gradient ในช่วงเวอร์ชัน 4 beta แต่ในที่สุดก็เปลี่ยนไปใช้ Oklab เป็นค่าเริ่มต้นที่ปลอดภัยกว่าก่อนการเปิดตัว Oklab ให้ประโยชน์ด้านการรับรู้หลายอย่างของ OKLCH ในขณะที่หลีกเลี่ยงปัญหา gradient ที่รุนแรงโดยการทำ interpolate ในเส้นตรงแทนที่จะรอบวงล้อสี

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

การอภิปรายที่กำลังดำเนินอยู่เน้นย้ำถึงความท้าทายในการสร้างสมดุลระหว่างการปรับปรุงวิทยาศาสตร์สีเชิงทฤษฎีกับการใช้งานได้จริงในเวิร์กโฟลว์การออกแบบในโลกแห่งความจริง

อ้างอิง: What are OKLCH colors?