แปลง LCH เป็น HEX

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

จาก LCH

อ่านเป็น CIE LCH

ค่า HEX#ff5733

HEX เป็น LCH

ปรับสี

ฮิว11°

ความทึบ100%

ความสว่าง68%

ความสด0.210

ฮิว34°

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

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

สี	LCH	HEX
	lch(54.29 106.84 40.86)	#ff0000
	lch(87.82 113.33 134.38)	#00ff00
	lch(29.57 131.2 301.36)	#0000ff
	lch(100 0 0)	#ffffff
	lch(0 0 0)	#000000
	lch(53.59 0 0)	#808080
	lch(61.03 84.67 41.37)	#ff5733
	lch(54.62 66.37 277.59)	#3b82f6
	lch(66.69 53.46 161.39)	#10b981
	lch(72.79 80.1 70.35)	#f59e0b
	lch(50.69 85.19 302.56)	#8b5cf6
	lch(57.31 68.24 354.01)	#ec4899

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

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

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

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

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

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

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

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

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

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

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

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

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

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