- CSS Color 4 มอบเครื่องมือและความสามารถด้านสีอย่างกว้างขวางให้กับเว็บ และเริ่มรองรับ HD CSS
- อุปกรณ์แสดงผลดีขึ้นเรื่อย ๆ แต่ที่ผ่านมา CSS ยังไม่สามารถรองรับสิ่งนี้ได้
- ใน CSS ตลอด 25 ปีที่ผ่านมา มีการใช้เพียงขอบเขตสี sRGB เท่านั้น ซึ่งแสดงได้เพียง 30% ของสีที่ตามนุษย์มองเห็น
- รองรับ CSS Color Level 4 ตั้งแต่ Chrome 111
- สามารถเลือกใช้สีสเปซใหม่ 12 แบบที่รองรับขอบเขตสีอย่าง RGB 98, Display p3, Rec2020, ProPhoto เป็นต้น
- ตอนนี้จึงเทียบเท่ากับ Safari ที่รองรับ display-p3 มาตั้งแต่ปี 2016 แล้ว (ขอบเขตสีที่ Apple สร้างขึ้น)
- ตอนนี้ CSS รองรับจอแสดงผลแบบ HD แล้ว และในเบราว์เซอร์ที่รองรับสามารถแสดงสีได้มากขึ้น 50%
สารบัญ
- ภาพรวม
- ขอบเขตสี (Color Gamut) คืออะไร?
- ขอบเขตการมองเห็นของมนุษย์
- สีสเปซ (Color Space) คืออะไร?
- สรุปขอบเขตสีและสีสเปซ
- วิธีเข้าถึงสี พื้นที่สี และผลการดีบักที่มากขึ้น
- ทบทวนสีสเปซแบบดั้งเดิม
- ทำความรู้จักเว็บคัลเลอร์สเปซแบบใหม่
- การอินเตอร์โพเลชันของสี (Interpolation)
- การคลัมป์ขอบเขต
- การเลือกสีสเปซ
- การย้ายไปใช้สี HD CSS
- ตรวจสอบการรองรับขอบเขตสีและสีสเปซ
- ดีบักสีด้วย Chrome DevTools
- บทสรุป
ยังไม่มีความคิดเห็น