แปลง OKLab เป็น Lab

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

จาก OKLab

อ่านเป็น OKLab

ค่า Lablab(61.03 63.55 55.96)

Lab เป็น OKLab

ปรับสี

ฮิว11°

ความทึบ100%

ความสว่าง68%

ความสด0.210

ฮิว34°

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

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

สี	OKLab	Lab
	oklab(62.796% 0.22486 0.12585)	lab(54.29 80.8 69.89)
	oklab(86.644% -0.23389 0.1795)	lab(87.82 -79.27 80.99)
	oklab(45.201% -0.03246 -0.31153)	lab(29.57 68.29 -112.03)
	oklab(100% 0 0)	lab(100 0 0)
	oklab(0% 0 0)	lab(0 0 0)
	oklab(59.987% 0 0)	lab(53.59 0 0)
	oklab(68.036% 0.17474 0.1165)	lab(61.03 63.55 55.96)
	oklab(62.308% -0.03325 -0.18505)	lab(54.62 8.76 -65.79)
	oklab(69.587% -0.14216 0.04488)	lab(66.69 -50.67 17.06)
	oklab(76.859% 0.0561 0.15481)	lab(72.79 26.93 75.43)
	oklab(60.563% 0.08454 -0.20193)	lab(50.69 45.85 -71.8)
	oklab(65.592% 0.21073 -0.021)	lab(57.31 67.87 -7.12)

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

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

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

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

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

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

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

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

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

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

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

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

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

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