HSL to RGB Converter

Convert HSL colors to RGB instantly

รองรับ HEX, RGB, HSL, HWB, Lab, LCH, Oklab, OKLCH, Display P3 และชื่อสี CSS

#5CCC7FFF
H139°
อัลฟา100%
ตัวอย่าง
บนพื้นสว่าง
บนพื้นมืด

ทุกอย่างประมวลผลในเบราว์เซอร์ของคุณเท่านั้น

hsl
rgb
RGBHSL
RGB
HEX
OKLCH
HEX + AlphaRRGGBBAA
RGB + Alpha
HSL
HSL + Alpha

CSS HEX ใช้ RRGGBBAA ส่วน Android และ Flutter ใช้ AARRGGBB

สีล่าสุด

สีที่แปลงแล้วจะแสดงที่นี่

ภาพรวม

แปลงสี HSL เป็น RGB โดยตรง พร้อมรักษาสี sRGB และอัลฟาเมื่อไวยากรณ์ปลายทางรองรับ หน้านี้เริ่มด้วยอินพุต HSL และแสดงผล RGB ก่อน

วิธีการทำงาน

ป้อน HSL เช่น hsl(139 52% 58%) เอนจินในเบราว์เซอร์จะตรวจสอบช่องสี แปลงผ่านโมเดลสีกลาง แล้วอัปเดต RGB ตัวอย่าง คอนทราสต์ และรูปแบบนักพัฒนาอื่นทันที

ตัวอย่างและการใช้งาน

ใช้การแปลง HSL เป็น RGB เมื่อต้องย้ายสีระหว่าง CSS งานส่งต่อดีไซน์ โค้ดแอป หรือข้อกำหนดงานพิมพ์ โดยไม่มีการอัปโหลดค่าสี

กรณีขอบเขตและข้อจำกัด

Hue ของ HSL วนที่ 360 องศา ส่วน saturation และ lightness ต้องเป็นเปอร์เซ็นต์ ช่อง RGB ใช้ตัวเลข 0–255 หรือเปอร์เซ็นต์ได้ ทั้งไวยากรณ์สมัยใหม่และแบบคอมมา

การแปลงย้อนกลับ

หากต้องการทิศทางตรงข้าม ให้เปิดตัวแปลง RGB เป็น HSL ที่ลิงก์ไว้ URL หัวเรื่อง อินพุตเริ่มต้น และผลหลักจะเปลี่ยนตามกัน

CodingTool เปิดตัวอย่างเป็นทางการบน

Launched on StartupBaseCodingTool.dev - Free, Fast & Easy Developer Tools in One Place | Product HuntCodingTool - Featured on Startup FameFazier badgeListed on Turbo0Featured on Twelve ToolsFeatured on Findly.tools