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

แปลง Display P3 เป็น RGBA

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

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

ค่า RGBArgba(255, 87, 51, 1)
RGBA เป็น Display P3

ปรับสี

11°
100%

68%
0.210
34°

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

ตารางความทึบ: ค่าอัลฟาใน HEX และ RGBA

ใน HEX แบบ 8 หลัก สองหลักสุดท้ายกำหนดความทึบ: FF คือทึบเต็มที่ 80 ประมาณ 50% และ 00 คือโปร่งใสทั้งหมด ตารางแสดงสีตัวอย่างทุก 5%

ความทึบอัลฟา HEXHEXRGBA
100%ff#ff5733rgba(255, 87, 51, 1)
95%f2#ff5733f2rgba(255, 87, 51, 0.95)
90%e6#ff5733e6rgba(255, 87, 51, 0.9)
85%d9#ff5733d9rgba(255, 87, 51, 0.85)
80%cc#ff5733ccrgba(255, 87, 51, 0.8)
75%bf#ff5733bfrgba(255, 87, 51, 0.75)
70%b3#ff5733b3rgba(255, 87, 51, 0.7)
65%a6#ff5733a6rgba(255, 87, 51, 0.65)
60%99#ff573399rgba(255, 87, 51, 0.6)
55%8c#ff57338crgba(255, 87, 51, 0.55)
50%80#ff573380rgba(255, 87, 51, 0.5)
45%73#ff573373rgba(255, 87, 51, 0.45)
40%66#ff573366rgba(255, 87, 51, 0.4)
35%59#ff573359rgba(255, 87, 51, 0.35)
30%4d#ff57334drgba(255, 87, 51, 0.3)
25%40#ff573340rgba(255, 87, 51, 0.25)
20%33#ff573333rgba(255, 87, 51, 0.2)
15%26#ff573326rgba(255, 87, 51, 0.15)
10%1a#ff57331argba(255, 87, 51, 0.1)
5%0d#ff57330drgba(255, 87, 51, 0.05)
0%00#ff573300rgba(255, 87, 51, 0)

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

สีDisplay P3RGBA
color(display-p3 0.91749 0.20029 0.13856)rgba(255, 0, 0, 1)
color(display-p3 0.4584 0.98526 0.29829)rgba(0, 255, 0, 1)
color(display-p3 0 0 0.95959)rgba(0, 0, 255, 1)
color(display-p3 1 1 1)rgba(255, 255, 255, 1)
color(display-p3 0 0 0)rgba(0, 0, 0, 1)
color(display-p3 0.50196 0.50196 0.50196)rgba(128, 128, 128, 1)
color(display-p3 0.92577 0.38907 0.25797)rgba(255, 87, 51, 1)
color(display-p3 0.30473 0.50347 0.93383)rgba(59, 130, 246, 1)
color(display-p3 0.33254 0.71471 0.52213)rgba(16, 185, 129, 1)
color(display-p3 0.91216 0.63495 0.23045)rgba(245, 158, 11, 1)
color(display-p3 0.51827 0.3688 0.93154)rgba(139, 92, 246, 1)
color(display-p3 0.85506 0.33272 0.5918)rgba(236, 72, 153, 1)

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

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

RGBA คือ RGB ที่เพิ่มช่องอัลฟาสำหรับความทึบ เขียนเป็น rgba(255, 87, 51, 0.5) อัลฟามีค่าตั้งแต่ 0 (โปร่งใสทั้งหมด) ถึง 1 (ทึบเต็มที่) ความทึบเดียวกันเขียนเป็น HEX 8 หลักได้ เช่น #ff573380

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

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

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

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

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

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

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

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

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

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

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