แปลง LCH เป็น HSB / HSV

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

จาก LCH

อ่านเป็น CIE LCH

ค่า HSB / HSVhsv(10.59 80% 100%)

HSB / HSV เป็น LCH

ปรับสี

ฮิว11°

ความทึบ100%

ความสว่าง68%

ความสด0.210

ฮิว34°

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

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

สี	LCH	HSB / HSV
	lch(54.29 106.84 40.86)	hsv(0 100% 100%)
	lch(87.82 113.33 134.38)	hsv(120 100% 100%)
	lch(29.57 131.2 301.36)	hsv(240 100% 100%)
	lch(100 0 0)	hsv(0 0% 100%)
	lch(0 0 0)	hsv(0 0% 0%)
	lch(53.59 0 0)	hsv(0 0% 50.2%)
	lch(61.03 84.67 41.37)	hsv(10.59 80% 100%)
	lch(54.62 66.37 277.59)	hsv(217.22 76.02% 96.47%)
	lch(66.69 53.46 161.39)	hsv(160.12 91.35% 72.55%)
	lch(72.79 80.1 70.35)	hsv(37.69 95.51% 96.08%)
	lch(50.69 85.19 302.56)	hsv(258.31 62.6% 96.47%)
	lch(57.31 68.24 354.01)	hsv(330.37 69.49% 92.55%)

เกี่ยวกับ LCH และ HSB / HSV

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

HSV หรือ HSB ใช้ฮิว ความอิ่มตัว และค่าความสว่าง (value) Photoshop, Figma และเครื่องมือเลือกสีส่วนใหญ่ใช้กับช่องเลือกสีแบบสี่เหลี่ยม

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

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

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

แปลง LCH เป็น HSB / HSV อย่างไร

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

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

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

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

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

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

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