ตัวแปลงสี

คำถามที่พบบ่อย

ทำไมค่าความสว่างของ HSL กับ OKLCH ไม่ตรงกัน?

ความสว่างของ HSL เป็นสมบัติทางเรขาคณิตของค่า RGB ไม่ใช่ของการมองเห็นของมนุษย์ — สีเหลือง hsl(60 100% 50%) ดูสว่างกว่าสีน้ำเงิน hsl(240 100% 50%) มาก ทั้งที่ค่า L เท่ากัน ส่วนแกน L ของ OKLCH ถูกออกแบบให้ตรงกับการรับรู้ ค่า L ที่เท่ากันจึงหมายถึงความสว่างที่ปรากฏเท่ากัน ความไม่ตรงกันนี้คือเหตุผลทั้งหมดที่ OKLCH มีอยู่

ค่าอัลฟาหมายถึงอะไร และอยู่ตรงไหนในแต่ละรูปแบบ?

อัลฟาคือความทึบ ตั้งแต่ 0 (โปร่งใส) ถึง 1 (ทึบ) ในเลขฐานสิบหกแบบ 8 หลัก มันคือไบต์สุดท้าย (#RRGGBBAA) ส่วนในไวยากรณ์ฟังก์ชันสมัยใหม่ มันตามหลังเครื่องหมายทับ: rgb(76 141 255 / 0.5) ตัวแปลงนี้พาอัลฟาไปกับทุกรูปแบบให้โดยอัตโนมัติ

สี OKLCH ทุกสีแสดงใน sRGB ได้ไหม?

ไม่ได้ — OKLCH ครอบคลุมขอบเขตสีที่กว้าง และการผสมความอิ่มตัวกับความสว่างบางแบบก็ไม่มีคู่เทียบใน sRGB การแปลงจาก sRGB (อย่างที่เครื่องมือนี้ทำ) จะแสดงผลได้เสมอ ส่วนทางกลับกัน สีที่อยู่นอกขอบเขตต้องถูกตัดหรือจับคู่ใหม่ นั่นคือเหตุผลที่สีเขียวสด ๆ แบบ P3 ดูหม่นลงบนจอ sRGB

ทำไมใช้ rgb(76 141 255) ที่คั่นด้วยช่องว่างแทนลูกน้ำ?

CSS Color Module Level 4 กำหนดให้ช่องสัญญาณคั่นด้วยช่องว่างพร้อม /อัลฟา ที่เป็นตัวเลือก และเบราว์เซอร์สมัยใหม่ทุกตัวรองรับ รูปแบบลูกน้ำยังใช้ได้อยู่ แต่รูปแบบช่องว่างคือสิ่งที่ข้อกำหนดใหม่ ๆ (และเครื่องมือนี้) ใช้