แปลง HWB เป็น Lab

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

จาก HWB

อ่านเป็น HWB

ค่า Lablab(61.03 63.55 55.96)

Lab เป็น HWB

ปรับสี

ฮิว11°

ความทึบ100%

ความสว่าง68%

ความสด0.210

ฮิว34°

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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