แปลง Lab เป็น HWB

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

จาก Lab

อ่านเป็น CIE Lab

ค่า HWBhwb(10.59 20% 0%)

HWB เป็น Lab

ปรับสี

ฮิว11°

ความทึบ100%

ความสว่าง68%

ความสด0.210

ฮิว34°

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

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

สี	Lab	HWB
	lab(54.29 80.8 69.89)	hwb(0 0% 0%)
	lab(87.82 -79.27 80.99)	hwb(120 0% 0%)
	lab(29.57 68.29 -112.03)	hwb(240 0% 0%)
	lab(100 0 0)	hwb(0 100% 0%)
	lab(0 0 0)	hwb(0 0% 100%)
	lab(53.59 0 0)	hwb(0 50.2% 49.8%)
	lab(61.03 63.55 55.96)	hwb(10.59 20% 0%)
	lab(54.62 8.76 -65.79)	hwb(217.22 23.14% 3.53%)
	lab(66.69 -50.67 17.06)	hwb(160.12 6.27% 27.45%)
	lab(72.79 26.93 75.43)	hwb(37.69 4.31% 3.92%)
	lab(50.69 45.85 -71.8)	hwb(258.31 36.08% 3.53%)
	lab(57.31 67.87 -7.12)	hwb(330.37 28.24% 7.45%)

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

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

HWB อธิบายสีด้วยฮิว บวกปริมาณสีขาวและสีดำที่ผสมลงไป เป็นส่วนหนึ่งของ CSS Color 4 และสะดวกสำหรับทำสีอ่อนและสีเข้ม

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

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

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

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

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

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

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

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

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

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

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