แปลง Display P3 เป็น HEX

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

จาก Display P3

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

ค่า HEX#ff5733

HEX เป็น Display P3

ปรับสี

ฮิว11°

ความทึบ100%

ความสว่าง68%

ความสด0.210

ฮิว34°

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

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

สี	Display P3	HEX
	color(display-p3 0.91749 0.20029 0.13856)	#ff0000
	color(display-p3 0.4584 0.98526 0.29829)	#00ff00
	color(display-p3 0 0 0.95959)	#0000ff
	color(display-p3 1 1 1)	#ffffff
	color(display-p3 0 0 0)	#000000
	color(display-p3 0.50196 0.50196 0.50196)	#808080
	color(display-p3 0.92577 0.38907 0.25797)	#ff5733
	color(display-p3 0.30473 0.50347 0.93383)	#3b82f6
	color(display-p3 0.33254 0.71471 0.52213)	#10b981
	color(display-p3 0.91216 0.63495 0.23045)	#f59e0b
	color(display-p3 0.51827 0.3688 0.93154)	#8b5cf6
	color(display-p3 0.85506 0.33272 0.5918)	#ec4899

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

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

HEX เขียนสีแดง เขียว และน้ำเงินเป็นเลขฐานสิบหกช่องละสองหลัก เช่น #ff5733 เป็นวิธีเขียนสีที่พบบ่อยที่สุดบนเว็บและในโปรแกรมออกแบบ

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

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

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

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

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

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

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

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

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

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

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