แปลง HEX เป็น Display P3

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

จาก HEX

ค่า Display P3color(display-p3 0.92577 0.38907 0.25797)

Display P3 เป็น HEX

ปรับสี

ฮิว11°

ความทึบ100%

ความสว่าง68%

ความสด0.210

ฮิว34°

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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