ตัวเลือกสี

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

ช่องกรอกรับสี CSS ได้ทุกแบบ รวมถึงชื่อสี และปุ่มรูปแบบจะเขียนค่าเป็น hex rgb() hsl() oklch() หรือ color(display-p3) สีที่อยู่นอกขอบเขตสีของรูปแบบใดจะถูกปรับเข้ามาตามวิธีของ CSS โดยคงความสว่างและเฉดสีไว้

เพิ่ม swatches เพื่อให้มีสีให้เลือก และ contrastWith เพื่อตรวจคอนทราสต์ของสีกับพื้นหลังตามวิธีวัดของ WCAG 2 หากเบราว์เซอร์มีที่ดูดสี จะมีปุ่มสำหรับดูดสีจากหน้าจอ