Color Models

Display P3

ปริภูมิสีแกมมากว้างพัฒนาโดย Apple มีสีมากกว่า sRGB ประมาณ 25% ใช้ในจอแสดงผลรุ่นใหม่

Display P3 is based on the DCI-P3 cinema standard and was adopted by Apple starting with the iMac in 2015. It covers a significantly larger range of colors than sRGB, particularly in the red and green regions, enabling more vivid and lifelike imagery. CSS Color Level 4 supports Display P3 via the color() function, and modern browsers can render P3 colors on compatible displays. When designing for the web, it is best practice to provide both sRGB fallbacks and P3-enhanced colors for users with wide-gamut displays.

ลองใช้งาน

แปลงสี

แปลงระหว่างรูปแบบสี HEX, RGB, HSL, HSV, CMYK และ OKLCH ได้ทันที

บทความที่เกี่ยวข้อง

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

เรียนรู้ CSS color-mix() เพื่อผสมสีโดยตรงในเบราว์เซอร์ เชี่ยวชาญ syntax, color spaces, กรณีการใช้งานจริง และสร้างพาเลตแบบไดนามิกโดยไม่ต้องใช้ JavaScript

ขั้นตอน Color Management: จากหน้าจอสู่งานพิมพ์

เชี่ยวชาญ color management ตั้งแต่การปรับเทียบจอภาพสู่การพิสูจน์งานพิมพ์ เรียนรู้วิธีที่ ICC profiles, soft proofing และขั้นตอนที่สม่ำเสมอรักษาความถูกต้องของสี

Color Gamut อธิบาย: sRGB, P3 และ Rec. 2020

ทำความเข้าใจ color gamuts — sRGB, Display P3 และ Rec. 2020 — และวิธีใช้สี wide-gamut ใน CSS ด้วย @media (color-gamut) สำหรับจอสมัยใหม่

Color Gamut คืออะไร? ทุกสิ่งที่ต้องรู้

ทำความเข้าใจ color gamut — ช่วงสีที่อุปกรณ์สามารถแสดงหรือพิมพ์ได้ เปรียบเทียบ gamuts ของ sRGB, Display P3 และ Rec. 2020 สำหรับการออกแบบเว็บและงานพิมพ์

Pantone คืออะไร? ภาษาสีสากล

ทำความเข้าใจ Pantone Matching System — วิธีการทำงานของหมายเลข Pantone ความแตกต่าง PMS vs CMYK ประเพณีสีแห่งปี และเมื่อใดควรระบุสี Pantone

อนาคตของสีเว็บ: HDR, Spectral และอื่นๆ

สำรวจอนาคตของสีเว็บ — จอแสดงผล HDR, การเรนเดอร์แบบ spectral, CSS Color Level 5, การนำ wide gamut มาใช้ และสิ่งที่นักออกแบบควรเตรียมพร้อม