UI ที่ดี = ทุกคนเข้าถึงได้ ไม่ใช่แค่สวย แต่ต้องอ่านง่าย ใช้ง่าย และเข้าใจได้ ลองใช้ OKLCH Color Space ช่วยเลือกคู่สีที่ contrast ชัดเจน
OKLCH (Oklab Lightness Chroma Hue) เป็น Color Space ที่ออกแบบมาให้ Perceptually Uniform หมายความว่าการเปลี่ยน Value ของ Lightness จะให้ผลลัพธ์ที่ดูเปลี่ยนแปลงสม่ำเสมอตามที่มนุษย์รับรู้
ข้อดีของ OKLCH คือสามารถสร้างสี Palette ที่มี Contrast Ratio เพียงพอสำหรับ Accessibility ได้ง่ายกว่า HSL หรือ RGB ดั้งเดิม
Tailwind CSS v4 ได้นำ OKLCH มาเป็น Default Color Space ซึ่งหมายความว่าเราสามารถสร้าง Custom Colors ที่ Accessible ได้ง่ายขึ้นมาก
ลองใช้ OKLCH ในโปรเจกต์ถัดไปของคุณ โดยเฉพาะสำหรับ Primary Brand Colors เพื่อให้มั่นใจว่าสีของคุณ Work ได้ดีทั้งบน Light และ Dark Mode
#UX/UI
#Accessibility
#CSS