ข้ามไปยังเครื่องมือเลือกสี

แปลง OKLab เป็น Display P3

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

อ่านเป็น OKLab

ค่า Display P3color(display-p3 0.92578 0.38907 0.25797)
Display P3 เป็น OKLab

ปรับสี

11°
100%

68%
0.210
34°

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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