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

แปลง LCH เป็น Lab

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

อ่านเป็น CIE LCH

ค่า Lablab(61.03 63.54 55.96)
Lab เป็น LCH

ปรับสี

11°
100%

68%
0.210
34°

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

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

สีLCHLab
lch(54.29 106.84 40.86)lab(54.29 80.8 69.89)
lch(87.82 113.33 134.38)lab(87.82 -79.27 80.99)
lch(29.57 131.2 301.36)lab(29.57 68.29 -112.03)
lch(100 0 0)lab(100 0 0)
lch(0 0 0)lab(0 0 0)
lch(53.59 0 0)lab(53.59 0 0)
lch(61.03 84.67 41.37)lab(61.03 63.55 55.96)
lch(54.62 66.37 277.59)lab(54.62 8.76 -65.79)
lch(66.69 53.46 161.39)lab(66.69 -50.67 17.06)
lch(72.79 80.1 70.35)lab(72.79 26.93 75.43)
lch(50.69 85.19 302.56)lab(50.69 45.85 -71.8)
lch(57.31 68.24 354.01)lab(57.31 67.87 -7.12)

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

CIE LCH คือ Lab ในรูปพิกัดเชิงขั้ว: ความสว่าง ความสด และฮิว เข้าใจง่ายกว่า Lab และใช้ใน CSS ได้ในรูป lch()

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

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

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

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

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

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

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

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

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

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

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

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