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

แปลง Lab เป็น HSL

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

อ่านเป็น CIE Lab

ค่า HSLhsl(10.59, 100%, 60%)
HSL เป็น Lab

ปรับสี

11°
100%

68%
0.210
34°

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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