Accessible Palette: เลิกใช้ HSL ในระบบสี

 (wildbit.com)
2 คะแนน โดย GN⁺ 2023-08-30 | 1 ความคิดเห็น | แชร์ทาง WhatsApp
  • ผู้เขียนแบ่งปันประสบการณ์ในการปรับโครงสร้างระบบสีของ Postmark ใหม่ และปัญหาที่พบในพาเลตก่อนหน้า
  • ปัญหาหลักของพาเลตก่อนหน้าคือความสม่ำเสมอของความสว่างที่รับรู้ได้ของสีไม่คงที่ และอัตราส่วนคอนทราสต์ระหว่างรูปแบบสีต่าง ๆ คาดเดาได้ยาก
  • ผู้เขียนอธิบายว่าปัญหาเหล่านี้เกิดจากข้อบกพร่องโดยธรรมชาติของโมเดลสี HSL และการที่เครื่องมือออกแบบยังรองรับทางเลือกที่ดีกว่าได้ไม่เพียงพอ
  • ผู้เขียนแนะนำ CIELAB และ LCh ในฐานะทางเลือกที่ดีกว่า HSL เนื่องจากเป็นปริภูมิสีที่ออกแบบมาเพื่อสะท้อนการรับรู้ความสว่างและความอิ่มตัวของสีของมนุษย์
  • ผู้เขียนแนะนำแอป Accessible Palette ซึ่งเป็นเครื่องมือสำหรับสร้างระบบสีที่มีความสว่างสม่ำเสมอและมีอัตราส่วนคอนทราสต์ที่คาดการณ์ได้
  • แอปนี้ช่วยให้ผู้ใช้ปรับแต่งระดับความสว่าง ควบคุมอัตราส่วนคอนทราสต์ และสร้างพาเลตสีโดยอิงจากปริภูมิสี RGB หรือ CIELAB
  • ผู้เขียนอภิปรายถึงข้อบกพร่องของการคำนวณอัตราส่วนคอนทราสต์ตาม WCAG 2.1 ที่ใช้อยู่ในปัจจุบัน และแนะนำ Advanced Perceptual Contrast Algorithm (APCA) ที่ใช้ในแอป
  • ผู้เขียนแนะนำให้ผู้อ่านลองสร้างระบบสีโดยคำนึงถึงทั้งแนวทาง WCAG 2.1 และ APCA เพื่อให้รองรับอนาคตได้มากที่สุดและเป็นไปตามข้อกำหนด
  • ผู้เขียนเน้นย้ำถึงประโยชน์ของการใช้แอป Accessible Palette และเชิญชวนผู้อ่านให้ติดต่อมาได้เสมอหากมีคำถามหรือข้อเสนอแนะ

บทความที่เกี่ยวข้อง

1 ความคิดเห็น

 
GN⁺ 2023-08-30
ความคิดเห็นจาก Hacker News
  • ในระบบแสดงผลและระบบการพิมพ์ทั่วไป สีแดงและสีน้ำเงินที่อิ่มสีจะมืดกว่าสีเขียว
  • การใช้กฎเรื่องคอนทราสต์ทำให้การเลือกสีเข้าถึงได้มากขึ้น แต่เทคนิคในบทความนี้ช่วยให้เลือกสีที่ทั้งเข้าถึงได้และดึงดูดสายตา
  • สีเขียวบนหน้าจอที่อิ่มสีมากไม่อาจไม่อิ่มสีได้ แต่ก็ยังอิ่มสีน้อยกว่าสีเขียวส่วนใหญ่ในชีวิตจริง
  • ความสมดุลของช่องสีแดงและสีเขียวในต้นไม้และหญ้าทำให้มันดูดีในภาพสเตอริโอแกรม
  • คำแนะนำเรื่องคอนทราสต์ของสีใน WCAG 2.1 บางครั้งอาจให้ผลลัพธ์ที่อ่านยากกว่าตัวอย่างที่มีคอนทราสต์ไม่เพียงพอ
  • บทความนี้มีลิงก์ไปยังแหล่งข้อมูลที่ครอบคลุมเกี่ยวกับสี
  • ผู้เขียนความคิดเห็นนำแนวคิดจากบทความนี้ไปใช้กับการระบายสีล็อกใน ClickHouse
  • APCA ถูกกล่าวถึงว่าอาจเป็นผู้สืบทอดของอัลกอริทึมคอนทราสต์สีใน WCAG 2
  • เมื่อต้องทำงานกับสี เครื่องมือและอัลกอริทึมเป็นเพียงการประมาณค่าทางคณิตศาสตร์ ดังนั้นการเชื่อสายตาของตัวเองจึงสำคัญ
  • ฟังก์ชัน CSS color() รองรับ color space ได้หลากหลาย ไม่ใช่แค่ sRGB
  • มีการตั้งคำถามต่อสูตรเชิงการรับรู้เกี่ยวกับการเข้าถึงและปฏิสัมพันธ์กับภาวะตาบอดสี
  • มีการเสนอ oklab เป็นทางเลือกแทน LCh
  • APCA Contrast ที่กล่าวถึงในบทความถูกมองว่ายุติธรรมกว่าสำหรับบางสีเมื่อเทียบกับ Contrast Ratio ของ WCAG 2.1
  • มีการให้แหล่งข้อมูลเพิ่มเติมเกี่ยวกับทฤษฎีสีและ APCA
  • ผู้เขียนต้องการอัลกอริทึมที่ใช้ได้กับซอฟต์แวร์ทุกประเภท ไม่ใช่แค่เว็บฟอร์ม
  • มีการกล่าวถึง HSY ซึ่งเป็นโมเดลสีที่ใช้ในตัวเลือกสีขั้นสูงของ Krita ในอีกบทความหนึ่ง