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