HSL ถึง HEX
แปลงค่าสี HSL เป็นรหัสสี HEX ด้วยความแม่นยำ เหมาะสำหรับการออกแบบเว็บและแอปพลิเคชันดิจิทัล
ตัวแปลงสี
HEX Output
HEX Value
RGB Value
rgb(255, 0, 0)
HSL Value
hsl(0°, 100%, 50%)
รายละเอียดสี
ประเภทสี
สีแดง
ความสว่าง
สูง
ความเข้ากันได้ของ CSS
การสนับสนุนเต็มรูปแบบ
เว็บเซฟ
ใช่
ตัวอย่างการแปลง
สีแดง
HSL: 0°, 100%, 50%
HEX: #FF0000
สีเขียว
HSL: 120°, 100%, 50%
HEX: #00FF00
สีฟ้า
HSL: 240°, 100%, 50%
HEX: #0000FF
สีเหลือง
HSL: 60°, 100%, 50%
HEX: #FFFF00
สีแดงอมม่วง
HSL: 300°, 100%, 50%
HEX: #FF00FF
ไซอัน
HSL: 180°, 100%, 50%
HEX: #00FFFF
เครื่องมือที่แนะนำ
เกี่ยวกับเครื่องมือนี้
ตัวแปลง HSL เป็น HEX ของเราให้การแปลงที่แม่นยำระหว่างรูปแบบสียอดนิยมสองรูปแบบที่ใช้ในการออกแบบดิจิทัลและการพัฒนาเว็บ
HSL (Hue, Saturation, Lightness) is a color model that describes colors in terms that align with human perception. It's particularly intuitive for creating color variations and schemes, allowing designers to easily adjust saturation and lightness while maintaining the same hue.
HEX (Hexadecimal) is a six-character code representing RGB color values in hexadecimal format. It's the most common color format used in web design and CSS, offering a compact way to specify colors with exact precision.
เครื่องมือแปลงนี้เชื่อมโยงสองรูปแบบนี้เข้าด้วยกัน ช่วยให้นักออกแบบสามารถทำงานในโมเดล HSL ที่ใช้งานง่ายยิ่งขึ้น พร้อมกับสร้างรหัส HEX ที่จำเป็นสำหรับการใช้งานในเว็บไซต์และแอปพลิเคชันดิจิทัล การแปลงนี้มีความแม่นยำทางคณิตศาสตร์ ช่วยให้มั่นใจได้ถึงการแสดงสีที่แม่นยำในทั้งสองรูปแบบ