แปลงค่าสี RGB เป็นรูปแบบ HSL (Hue, Saturation, Lightness)
การแปลงรูปแบบ
เกี่ยวกับเครื่องมือนี้
แปลงค่าสี RGB เป็นรูปแบบ HSL (Hue, Saturation, Lightness) แปลงสี RGB และ RGBA เป็นการแสดงผล HSL และ HSLA ที่เข้าใจง่ายขึ้น ช่วยให้ปรับความสว่าง ความอิ่มตัว และสร้างสีรูปแบบต่างๆ สำหรับ CSS ได้ง่าย
คุณสมบัติหลัก
- รองรับอินพุต RGB และ RGBA
- แสดงผลรูปแบบ HSL และ HSLA
- แสดงผลทั้งค่าเปอร์เซ็นต์และองศา
- ตัวอย่างสีแบบเรียลไทม์
- คัดลอกหลายรูปแบบในคลิกเดียว
- แปลงแบบเรียลไทม์เมื่อพิมพ์
กรณีการใช้งาน
- แปลงสีเพื่อใช้กับ CSS HSL
- ปรับความสว่างและความอิ่มตัวของสีอย่างเข้าใจง่าย
- สร้างรูปแบบสีและพาเลตสีจากสีพื้นฐาน
- แปลงสีจากเครื่องมือออกแบบเป็นรูปแบบที่เข้ากันได้กับเว็บ
- สร้างโทนสีที่เข้าถึงได้ผ่านการควบคุมความสว่างที่แม่นยำ
rgb
hsl
color
converter
css
design
คำถามที่พบบ่อย
รูปแบบ HSL คืออะไร?
HSL ย่อมาจาก Hue (เฉดสี), Saturation (ความอิ่มตัว) และ Lightness (ความสว่าง) Hue แสดงเป็นมุม (0-360) ตามตำแหน่งบนวงล้อสี Saturation และ Lightness แสดงเป็นเปอร์เซ็นต์ (0-100%) HSL มักเข้าใจง่ายกว่า RGB สำหรับการปรับแต่งสี
รองรับช่องความโปร่งใสไหม?
รองรับ เมื่อคุณป้อนค่า RGBA เครื่องมือจะแสดงผลรูปแบบ HSLA ที่มีช่องความโปร่งใส ค่าความโปร่งใสจะถูกรักษาจากอินพุต
ความแม่นยำของการแปลง RGB เป็น HSL เป็นอย่างไร?
การแปลงใช้สูตรคณิตศาสตร์การแปลงปริภูมิสีมาตรฐาน RGB เป็น HSL Hue คำนวณเป็นองศาที่ใกล้ที่สุด Saturation และ Lightness เป็นเปอร์เซ็นต์ที่ใกล้ที่สุด ผลลัพธ์แม่นยำและสอดคล้องกับเครื่องมือแปลงสีมาตรฐานอุตสาหกรรม
ดูตัวอย่างสีของค่าที่แปลงได้ไหม?
ได้ เครื่องมือแสดงตัวอย่างสีแบบเรียลไทม์ที่อัปเดตทันทีเมื่อเปลี่ยนค่า RGB หรือ HSL การตอบสนองทางสายตานี้ช่วยให้คุณยืนยันว่าสีที่แปลงแล้วตรงตามที่คาดหวังก่อนใช้งาน
ป้อนค่า HSL เพื่อรับค่า RGB ได้ไหม?
ได้ เครื่องมือรองรับการแปลงสองทิศทาง คุณสามารถป้อนค่า HSL ในช่องอินพุตและเครื่องมือจะแปลงกลับเป็น RGB พร้อมแสดงรหัส HEX และตัวอย่างสีที่เกี่ยวข้อง