ข้ามไปยังเครื่องมือเลือกสี

แปลง HSL เป็น Lab

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

อ่านเป็น HSL

ค่า Lablab(61.03 63.55 55.96)
Lab เป็น HSL

ปรับสี

11°
100%

68%
0.210
34°

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

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

สีHSLLab
hsl(0, 100%, 50%)lab(54.29 80.8 69.89)
hsl(120, 100%, 50%)lab(87.82 -79.27 80.99)
hsl(240, 100%, 50%)lab(29.57 68.29 -112.03)
hsl(0, 0%, 100%)lab(100 0 0)
hsl(0, 0%, 0%)lab(0 0 0)
hsl(0, 0%, 50.2%)lab(53.59 0 0)
hsl(10.59, 100%, 60%)lab(61.03 63.55 55.96)
hsl(217.22, 91.22%, 59.8%)lab(54.62 8.76 -65.79)
hsl(160.12, 84.08%, 39.41%)lab(66.69 -50.67 17.06)
hsl(37.69, 92.13%, 50.2%)lab(72.79 26.93 75.43)
hsl(258.31, 89.53%, 66.27%)lab(50.69 45.85 -71.8)
hsl(330.37, 81.19%, 60.39%)lab(57.31 67.87 -7.12)

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

HSL บอกฮิวเป็นองศา ความอิ่มตัวและความสว่างเป็นเปอร์เซ็นต์ อ่านง่าย แต่ความสว่างไม่สม่ำเสมอตามการมองเห็น: สีเหลืองที่ 50% ดูสว่างกว่าสีน้ำเงินที่ 50% มาก

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

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

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

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

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

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

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

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

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

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

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

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