HSL to HEX Converter
Convert HSL colors to HEX instantly
รองรับ HEX, RGB, HSL, HWB, Lab, LCH, Oklab, OKLCH, Display P3 และชื่อสี CSS
ทุกอย่างประมวลผลในเบราว์เซอร์ของคุณเท่านั้น
CSS HEX ใช้ RRGGBBAA ส่วน Android และ Flutter ใช้ AARRGGBB
สีที่แปลงแล้วจะแสดงที่นี่
ภาพรวม
แปลงสี HSL เป็น HEX โดยตรง พร้อมรักษาสี sRGB และอัลฟาเมื่อไวยากรณ์ปลายทางรองรับ หน้านี้เริ่มด้วยอินพุต HSL และแสดงผล HEX ก่อน
วิธีการทำงาน
ป้อน HSL เช่น hsl(139 52% 58%) เอนจินในเบราว์เซอร์จะตรวจสอบช่องสี แปลงผ่านโมเดลสีกลาง แล้วอัปเดต HEX ตัวอย่าง คอนทราสต์ และรูปแบบนักพัฒนาอื่นทันที
ตัวอย่างและการใช้งาน
ใช้การแปลง HSL เป็น HEX เมื่อต้องย้ายสีระหว่าง CSS งานส่งต่อดีไซน์ โค้ดแอป หรือข้อกำหนดงานพิมพ์ โดยไม่มีการอัปโหลดค่าสี
กรณีขอบเขตและข้อจำกัด
Hue ของ HSL วนที่ 360 องศา ส่วน saturation และ lightness ต้องเป็นเปอร์เซ็นต์ HEX รองรับ 3, 4, 6 และ 8 หลัก โดยค่า CSS 8 หลักใช้ลำดับ RRGGBBAA
การแปลงย้อนกลับ
หากต้องการทิศทางตรงข้าม ให้เปิดตัวแปลง HEX เป็น HSL ที่ลิงก์ไว้ URL หัวเรื่อง อินพุตเริ่มต้น และผลหลักจะเปลี่ยนตามกัน
