แปลง Display P3 เป็น OKLab

วางค่า Display P3 แล้วได้ OKLab ทันที ใช้รูปแบบอื่นก็ได้เช่นกัน

จาก Display P3

อ่านเป็น CSS color()

ค่า OKLaboklab(68.036% 0.17474 0.1165)

OKLab เป็น Display P3

ปรับสี

ฮิว11°

ความทึบ100%

ความสว่าง68%

ความสด0.210

ฮิว34°

รูปแบบอื่นทั้งหมด

ตัวอย่างการแปลง Display P3 เป็น OKLab

สี	Display P3	OKLab
	color(display-p3 0.91749 0.20029 0.13856)	oklab(62.796% 0.22486 0.12585)
	color(display-p3 0.4584 0.98526 0.29829)	oklab(86.644% -0.23389 0.1795)
	color(display-p3 0 0 0.95959)	oklab(45.201% -0.03246 -0.31153)
	color(display-p3 1 1 1)	oklab(100% 0 0)
	color(display-p3 0 0 0)	oklab(0% 0 0)
	color(display-p3 0.50196 0.50196 0.50196)	oklab(59.987% 0 0)
	color(display-p3 0.92577 0.38907 0.25797)	oklab(68.036% 0.17474 0.1165)
	color(display-p3 0.30473 0.50347 0.93383)	oklab(62.308% -0.03325 -0.18505)
	color(display-p3 0.33254 0.71471 0.52213)	oklab(69.587% -0.14216 0.04488)
	color(display-p3 0.91216 0.63495 0.23045)	oklab(76.859% 0.0561 0.15481)
	color(display-p3 0.51827 0.3688 0.93154)	oklab(60.563% 0.08454 -0.20193)
	color(display-p3 0.85506 0.33272 0.5918)	oklab(65.592% 0.21073 -0.021)

เกี่ยวกับ Display P3 และ OKLab

Display P3 คือขอบเขตสีกว้างของหน้าจอ Apple รุ่นใหม่และโทรศัพท์หลายรุ่น แสดงสีได้มากกว่า sRGB ราว 25% และเขียนว่า color(display-p3 r g b)

OKLab เป็นปริภูมิสีตามการรับรู้แบบใหม่จากปี 2020 ขั้นที่เท่ากันดูเท่ากันในสายตา ทำให้การไล่สีและการผสมสีสะอาดกว่าใน RGB หรือ HSL

การแปลงทำงานอย่างไร

เราอ่านค่า Display P3 แปลงเป็น CIE XYZ ด้วยเมทริกซ์จากข้อกำหนด CSS Color 4 แล้วแปลงต่อเป็น OKLab ค่าที่อยู่นอกขอบเขตสีปลายทางจะถูกปรับด้วยอัลกอริทึมของ CSS Color 4 ซึ่งคงความสว่างและฮิวไว้ แล้วลดความสดลง

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

แปลง Display P3 เป็น OKLab อย่างไร

วางหรือพิมพ์ค่า Display P3 ลงในช่องด้านบน PickShade จะแปลงด้วยสูตร CSS Color 4 ทันทีที่พิมพ์ และคลิกเดียวก็คัดลอกค่า OKLab ได้

การแปลง Display P3 เป็น OKLab แม่นยำหรือไม่

การคำนวณแม่นยำ ผลลัพธ์ถูกปัดเศษเฉพาะตอนแสดงผล โดยเหลือทศนิยมพอที่จะแปลงกลับเป็นสีเดิมได้ หากสีไม่อยู่ในขอบเขตสีปลายทาง PickShade จะเตือนและแสดงสีที่ใกล้ที่สุดที่อยู่ในขอบเขต

ได้รูปแบบอื่นพร้อมกันด้วยไหม

ได้ รูปแบบอื่นทั้งหมด รวมถึง OKLCH, Display P3, Tailwind, SwiftUI, Flutter และ Android แสดงอยู่ใต้ผลลัพธ์ และคัดลอกได้ในคลิกเดียว

ตัวแปลงนี้ใช้ฟรีไหม

ฟรี ไม่ต้องสมัคร และทำงานในเบราว์เซอร์ของคุณทั้งหมด