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