ผสมสี

color-mix() คือฟังก์ชัน CSS ที่ผสมสองสีในปริภูมิสีที่คุณเลือก เช่น color-mix(in oklab, #ff5733, #3b82f6 30%) ใช้ได้ในเบราว์เซอร์ปัจจุบันทุกตัว สำหรับเบราว์เซอร์รุ่นเก่า ให้ใส่สีธรรมดาไว้ก่อนหน้าเป็นค่าสำรอง เหมือนในโค้ดด้านบน

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

หน้าจอสร้างสีด้วยการเพิ่มแสง เครื่องมือนี้จึงเฉลี่ยค่าแสง สีน้ำเงินกับสีเหลืองจะได้สีเทาหรือสีซีด ไม่ใช่สีเขียว ส่วนสีทาดูดกลืนแสง การผสมแบบเดียวกันบนกระดาษจึงได้สีเขียว หากต้องการคาดเดาผลของสีทา ให้ใช้โมเดลการผสมสีทาแทนปริภูมิสีของหน้าจอ