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