แปลง LCH เป็น OKLab

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

จาก LCH

อ่านเป็น CIE LCH

ค่า OKLaboklab(68.035% 0.17472 0.1165)

OKLab เป็น LCH

ปรับสี

ฮิว11°

ความทึบ100%

ความสว่าง68%

ความสด0.210

ฮิว34°

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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