แปลง OKLab เป็น LCH

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

จาก OKLab

อ่านเป็น OKLab

ค่า LCHlch(61.03 84.67 41.37)

LCH เป็น OKLab

ปรับสี

ฮิว11°

ความทึบ100%

ความสว่าง68%

ความสด0.210

ฮิว34°

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

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

สี	OKLab	LCH
	oklab(62.796% 0.22486 0.12585)	lch(54.29 106.84 40.86)
	oklab(86.644% -0.23389 0.1795)	lch(87.82 113.33 134.38)
	oklab(45.201% -0.03246 -0.31153)	lch(29.57 131.2 301.36)
	oklab(100% 0 0)	lch(100 0 0)
	oklab(0% 0 0)	lch(0 0 0)
	oklab(59.987% 0 0)	lch(53.59 0 0)
	oklab(68.036% 0.17474 0.1165)	lch(61.03 84.67 41.37)
	oklab(62.308% -0.03325 -0.18505)	lch(54.62 66.37 277.59)
	oklab(69.587% -0.14216 0.04488)	lch(66.69 53.46 161.39)
	oklab(76.859% 0.0561 0.15481)	lch(72.79 80.1 70.35)
	oklab(60.563% 0.08454 -0.20193)	lch(50.69 85.19 302.56)
	oklab(65.592% 0.21073 -0.021)	lch(57.31 68.24 354.01)

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

OKLab เป็นปริภูมิสีตามการรับรู้แบบใหม่จากปี 2020 ขั้นที่เท่ากันดูเท่ากันในสายตา ทำให้การไล่สีและการผสมสีสะอาดกว่าใน RGB หรือ HSL

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

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

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

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

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

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

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

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

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

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

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

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