ทดสอบขอบเขตสีของจอภาพ

เปรียบเทียบการรองรับ sRGB, Display-P3 และ Rec.2020 ที่เบราว์เซอร์รายงานด้วยแพตช์สีและไล่ระดับสี

เป้าหมายและเงื่อนไข

ขอบเขตสีเป้าหมาย
แพตเทิร์นทดสอบ
ตรวจสอบก่อนเริ่ม

ผลขอบเขตสีและบันทึกการสังเกต

กำลังตรวจ
คลิกพื้นที่แสดงผลหรือใช้ปุ่มเต็มหน้าจอ
บันทึกความต่างของแพตช์

เปรียบเทียบค่าอ้างอิง sRGB กับขอบเขตสีเป้าหมายในแถวเดียวกัน

บันทึกการดูไล่ระดับ

ดูว่าไล่ระดับราบรื่นหรือมีแถบสี การตัดสี และความผิดปกติ

รายงานโดยประมาณจากเบราว์เซอร์ความสามารถโดยประมาณ
รายงานโดยประมาณจากเบราว์เซอร์กำลังตรวจเลือกขอบเขตสีเป้าหมายเพื่อเริ่มทดสอบ
ขอบเขตสีเป้าหมาย
Display P3
มีเดียคิวรี
ไวยากรณ์สี CSS
แพตเทิร์นปัจจุบัน
เปรียบเทียบแพตช์สี
ความต่างของแพตช์
ยังไม่ได้บันทึก
การไล่ระดับ
ยังไม่ได้บันทึก
ความพร้อม
0/4

color-gamut บอกเพียงช่วงโดยประมาณที่ user agent และอุปกรณ์เอาต์พุตรายงาน ความต่างของแพตช์ยังขึ้นกับการจัดการสีของเบราว์เซอร์ โปรไฟล์ โหมดจอ และเนื้อหา หน้านี้ไม่แสดงเปอร์เซ็นต์ครอบคลุมสี

อ่านผลอย่างไร

อ่านผลอย่างไร

เริ่มจากดูรายงานโดยประมาณของเบราว์เซอร์ แล้วสลับดูแพตช์และไล่ระดับ บนจอ Wide Color สีเป้าหมายอาจดูสดกว่า sRGB แต่หากไม่ต่างกันก็อาจเกิดจากเบราว์เซอร์ โปรไฟล์ โหมดจอ หรือข้อจำกัดของแผงจอ

เบราว์เซอร์ตรวจอะไร

เครื่องมือใช้มีเดียฟีเจอร์ color-gamut ของ CSS และไวยากรณ์ color() จาก CSS Color 4 เพื่อดูการรองรับโดยประมาณของเส้นทางเอาต์พุต ไม่ใช่การวัดสเปกตรัมของแผงจอ

ข้อจำกัดของการทดสอบ

เว็บอ่านพิกัดสีหลัก จุดขาว ความสว่าง เปอร์เซ็นต์ครอบคลุม หรือปริมาตรสีจริงของจอไม่ได้ หากต้องการตัวเลขหรือการยืนยันฮาร์ดแวร์ต้องใช้เครื่องมือวัด

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

จะทดสอบว่าจอรองรับ Display-P3 ได้อย่างไร

เลือก Display-P3 ดูรายงานเบราว์เซอร์ แล้วเปรียบเทียบแพตช์ sRGB กับ P3 แบบเต็มหน้าจอ นี่เป็นการคัดกรองด้วยตา ไม่ใช่หลักฐานเปอร์เซ็นต์ครอบคลุมจริง

ทำไมเบราว์เซอร์รายงานว่ารองรับ แต่หน้าจอดูเหมือนเดิม

แม้เส้นทางเอาต์พุตรองรับ โปรไฟล์ โหมดจอ แผงจอ และแสงรอบข้างอาจทำให้มองไม่เห็นความต่าง

เว็บวัดเปอร์เซ็นต์ขอบเขตสีได้ไหม

ไม่ได้ เว็บไม่มีข้อมูลพิกัดสีหลักและข้อมูลสีที่วัดจากแผงจอ จึงยืนยันค่าอย่าง P3 95% ไม่ได้

รายงาน color-gamut ของเบราว์เซอร์แม่นยำแค่ไหน

เป็นเบาะแสของการรองรับที่เบราว์เซอร์และเส้นทางเอาต์พุตรายงาน ไม่ใช่ใบรับรองเปอร์เซ็นต์ครอบคลุม ปริมาตรสี หรือความแม่นยำของแผงจอ

ความเป็นส่วนตัวและแหล่งข้อมูล

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

แพตเทิร์นใช้ CSS Color 4, color-gamut และ Fullscreen API ของเบราว์เซอร์