แปลง HEX เป็น HSL
โปรแกรมแปลง HEX เป็น HSL ออนไลน์ ป้อนค่าหรือโค้ดของสีในระบบสี HEX เพื่อแปลงไปยัง HSL จากนั้นกด แปลงค่า เพื่อเริ่มต้น
ผลลัพธ์
นี่เป็นผลลัพธ์การแปลง HEX เป็น HSL
ตารางแปลงค่าสี HEX เป็น HSL
| # | ตัวอย่างสี | ชื่อสี | HEX | HSL |
|---|---|---|---|---|
| 1 | Black | #000000 | hsl(0, 0%, 0%) | |
| 2 | Silver | #c0c0c0 | hsl(0, 0%, 75%) | |
| 3 | Gray | #808080 | hsl(0, 0%, 50%) | |
| 4 | White | #ffffff | hsl(0, 0%, 100%) | |
| 5 | Maroon | #800000 | hsl(0, 100%, 25%) | |
| 6 | Red | #ff0000 | hsl(0, 100%, 50%) | |
| 7 | Purple | #800080 | hsl(300, 100%, 25%) | |
| 8 | Fuchsia | #ff00ff | hsl(300, 100%, 50%) | |
| 9 | Green | #008000 | hsl(120, 100%, 25%) | |
| 10 | Lime | #00ff00 | hsl(120, 100%, 50%) | |
| 11 | Olive | #808000 | hsl(60, 100%, 25%) | |
| 12 | Yellow | #ffff00 | hsl(60, 100%, 50%) | |
| 13 | Navy | #000080 | hsl(240, 100%, 25%) | |
| 14 | Blue | #0000ff | hsl(240, 100%, 50%) | |
| 15 | Teal | #008080 | hsl(180, 100%, 25%) | |
| 16 | Aqua | #00ffff | hsl(180, 100%, 50%) |
ระบบสี HEX คืออะไร
HEX (Hexadecimal) หรือระบบสี HEX คือค่าของสีในเลขฐานสิบหก จำนวนหกหลัก ที่มีขนาดสามไบต์ที่ใช้ใน HTML CSS SVG และแอปพลิเคชันคอมพิวเตอร์อื่นๆ เพื่อแสดงสี โดยค่าของสีนั้นแสดงถึงส่วนประกอบสีแดง สีเขียว และสีน้ำเงิน และในหนึ่งไบต์ของสีจะแทนตัวเลขจาก 00 ถึง FF ในเลขฐานสิบหก หรือ 0 ถึง 255 ในเลขฐานสิบ นี่แสดงถึงค่าความเข้มน้อย (0) ถึงมากที่สุด (255) ของแต่ละส่วนประกอบสีหลัก
ระบบสี HSL คืออะไร
HSL (Hue, Saturation, Lightness) คือระบบสีที่แสดงสีในรูปของ ค่าของเฉดสี (Hue) ความอิ่มตัวของสี (Saturation) และความสว่างของสี (Lightness) ระบบสี HSL นี้ถูกออกแบบมาให้เป็นอีกทางเลือกหนึ่งจากการใช้โมเดลสี RGB ถูกออกแบบในปี 1970 โดยนักวิจัยคอมพิวเตอร์กราฟิก