แปลง HSL เป็น HEX
วางค่า HSL แล้วได้ HEX ทันที ใช้รูปแบบอื่นก็ได้เช่นกัน
ตัวอย่างการแปลง HSL เป็น HEX
เกี่ยวกับ HSL และ HEX
HSL บอกฮิวเป็นองศา ความอิ่มตัวและความสว่างเป็นเปอร์เซ็นต์ อ่านง่าย แต่ความสว่างไม่สม่ำเสมอตามการมองเห็น: สีเหลืองที่ 50% ดูสว่างกว่าสีน้ำเงินที่ 50% มาก
HEX เขียนสีแดง เขียว และน้ำเงินเป็นเลขฐานสิบหกช่องละสองหลัก เช่น #ff5733 เป็นวิธีเขียนสีที่พบบ่อยที่สุดบนเว็บและในโปรแกรมออกแบบ
การแปลงทำงานอย่างไร
เราอ่านค่า HSL แปลงเป็น CIE XYZ ด้วยเมทริกซ์จากข้อกำหนด CSS Color 4 แล้วแปลงต่อเป็น HEX ค่าที่อยู่นอกขอบเขตสีปลายทางจะถูกปรับด้วยอัลกอริทึมของ CSS Color 4 ซึ่งคงความสว่างและฮิวไว้ แล้วลดความสดลง
คำถามที่พบบ่อย
แปลง HSL เป็น HEX อย่างไร
วางหรือพิมพ์ค่า HSL ลงในช่องด้านบน PickShade จะแปลงด้วยสูตร CSS Color 4 ทันทีที่พิมพ์ และคลิกเดียวก็คัดลอกค่า HEX ได้
การแปลง HSL เป็น HEX แม่นยำหรือไม่
การคำนวณแม่นยำ ผลลัพธ์ถูกปัดเศษเฉพาะตอนแสดงผล โดยเหลือทศนิยมพอที่จะแปลงกลับเป็นสีเดิมได้ หากสีไม่อยู่ในขอบเขตสีปลายทาง PickShade จะเตือนและแสดงสีที่ใกล้ที่สุดที่อยู่ในขอบเขต
ได้รูปแบบอื่นพร้อมกันด้วยไหม
ได้ รูปแบบอื่นทั้งหมด รวมถึง OKLCH, Display P3, Tailwind, SwiftUI, Flutter และ Android แสดงอยู่ใต้ผลลัพธ์ และคัดลอกได้ในคลิกเดียว
ตัวแปลงนี้ใช้ฟรีไหม
ฟรี ไม่ต้องสมัคร และทำงานในเบราว์เซอร์ของคุณทั้งหมด