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

แปลง HEX เป็น Lab

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

อ่านเป็น HEX

ค่า Lablab(61.03 63.55 55.96)
Lab เป็น HEX

ปรับสี

11°
100%

68%
0.210
34°

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

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

สีHEXLab
#ff0000lab(54.29 80.8 69.89)
#00ff00lab(87.82 -79.27 80.99)
#0000fflab(29.57 68.29 -112.03)
#fffffflab(100 0 0)
#000000lab(0 0 0)
#808080lab(53.59 0 0)
#ff5733lab(61.03 63.55 55.96)
#3b82f6lab(54.62 8.76 -65.79)
#10b981lab(66.69 -50.67 17.06)
#f59e0blab(72.79 26.93 75.43)
#8b5cf6lab(50.69 45.85 -71.8)
#ec4899lab(57.31 67.87 -7.12)

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

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

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

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

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

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

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

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

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

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

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

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

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

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