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

แปลง RGBA เป็น Lab

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

อ่านเป็น RGB

ค่า Lablab(61.03 63.55 55.96 / 0.8)
Lab เป็น RGBA

สีเดียวกันแบบไม่โปร่งใส เป็น Lab ทึบ

ปรับสี

11°
80%

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)

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

สีRGBALab
rgba(255, 0, 0, 1)lab(54.29 80.8 69.89)
rgba(0, 255, 0, 1)lab(87.82 -79.27 80.99)
rgba(0, 0, 255, 1)lab(29.57 68.29 -112.03)
rgba(255, 255, 255, 1)lab(100 0 0)
rgba(0, 0, 0, 1)lab(0 0 0)
rgba(128, 128, 128, 1)lab(53.59 0 0)
rgba(255, 87, 51, 1)lab(61.03 63.55 55.96)
rgba(59, 130, 246, 1)lab(54.62 8.76 -65.79)
rgba(16, 185, 129, 1)lab(66.69 -50.67 17.06)
rgba(245, 158, 11, 1)lab(72.79 26.93 75.43)
rgba(139, 92, 246, 1)lab(50.69 45.85 -71.8)
rgba(236, 72, 153, 1)lab(57.31 67.87 -7.12)

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

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

CIE Lab อธิบายความสว่าง L และแกนสีสองแกน คือ a (เขียวไปแดง) และ b (น้ำเงินไปเหลือง) ไม่ขึ้นกับอุปกรณ์ และใช้วัดความต่างของสี เช่น ΔE

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

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

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

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

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

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

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

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

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

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

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