แปลง OKLab เป็น HEX

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

จาก OKLab

อ่านเป็น OKLab

ค่า HEX#ff5733

HEX เป็น OKLab

ปรับสี

ฮิว11°

ความทึบ100%

ความสว่าง68%

ความสด0.210

ฮิว34°

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

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

สี	OKLab	HEX
	oklab(62.796% 0.22486 0.12585)	#ff0000
	oklab(86.644% -0.23389 0.1795)	#00ff00
	oklab(45.201% -0.03246 -0.31153)	#0000ff
	oklab(100% 0 0)	#ffffff
	oklab(0% 0 0)	#000000
	oklab(59.987% 0 0)	#808080
	oklab(68.036% 0.17474 0.1165)	#ff5733
	oklab(62.308% -0.03325 -0.18505)	#3b82f6
	oklab(69.587% -0.14216 0.04488)	#10b981
	oklab(76.859% 0.0561 0.15481)	#f59e0b
	oklab(60.563% 0.08454 -0.20193)	#8b5cf6
	oklab(65.592% 0.21073 -0.021)	#ec4899

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

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

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

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

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

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

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

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

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

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

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

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

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

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