แปลง HSL เป็น HWB
โปรแกรมแปลง HSL เป็น HWB ออนไลน์ ป้อนค่าหรือโค้ดของสีในระบบสี HSL เพื่อแปลงไปยัง HWB จากนั้นกด แปลงค่า เพื่อเริ่มต้น
ผลลัพธ์
นี่เป็นผลลัพธ์การแปลง HSL เป็น HWB
-
ตารางแปลงค่าสี HSL เป็น HWB
| # | ตัวอย่างสี | ชื่อสี | HSL | HWB |
|---|---|---|---|---|
| 1 | Black | hsl(0, 0%, 0%) | hwb(0 0% 100%) | |
| 2 | Silver | hsl(0, 0%, 75%) | hwb(0 75% 25%) | |
| 3 | Gray | hsl(0, 0%, 50%) | hwb(0 50% 50%) | |
| 4 | White | hsl(0, 0%, 100%) | hwb(0 100% 0%) | |
| 5 | Maroon | hsl(0, 100%, 25%) | hwb(0 0% 50%) | |
| 6 | Red | hsl(0, 100%, 50%) | hwb(0 0% 0%) | |
| 7 | Purple | hsl(300, 100%, 25%) | hwb(300 0% 50%) | |
| 8 | Fuchsia | hsl(300, 100%, 50%) | hwb(300 0% 0%) | |
| 9 | Green | hsl(120, 100%, 25%) | hwb(120 0% 50%) | |
| 10 | Lime | hsl(120, 100%, 50%) | hwb(120 0% 0%) | |
| 11 | Olive | hsl(60, 100%, 25%) | hwb(60 0% 50%) | |
| 12 | Yellow | hsl(60, 100%, 50%) | hwb(60 0% 0%) | |
| 13 | Navy | hsl(240, 100%, 25%) | hwb(240 0% 50%) | |
| 14 | Blue | hsl(240, 100%, 50%) | hwb(240 0% 0%) | |
| 15 | Teal | hsl(180, 100%, 25%) | hwb(180 0% 50%) | |
| 16 | Aqua | hsl(180, 100%, 50%) | hwb(180 0% 0%) |
ระบบสี HSL คืออะไร
HSL (Hue, Saturation, Lightness) คือระบบสีที่แสดงสีในรูปของ ค่าของเฉดสี (Hue) ความอิ่มตัวของสี (Saturation) และความสว่างของสี (Lightness) ระบบสี HSL นี้ถูกออกแบบมาให้เป็นอีกทางเลือกหนึ่งจากการใช้โมเดลสี RGB ถูกออกแบบในปี 1970 โดยนักวิจัยคอมพิวเตอร์กราฟิก
ระบบสี HWB คืออะไร
HWB (Hue, Whiteness, Blackness) เป็นการแสดงพิกัดทรงกระบอกของสีในระบบสี RGB คล้ายกับ HSL และ HSV มันถูกพัฒนาโดย Alvy Ray Smith ผู้สร้าง HSV ในปี 1996 เพื่อแก้ไขปัญหาบางอย่างเกี่ยวกับ HSV HWB ได้รับการออกแบบให้ใช้งานง่ายขึ้นสำหรับมนุษย์และช่วยให้การคำนวณเร็วขึ้นเล็กน้อย HWB ได้สนับสนุนอยู่ในโมดูลสีของ CSS 4 ในปี 2014