>
</div>
<div style="background-color: #59a659;">
    <p>modern hsl with numbers</p>
</div>
<div style="background-color: #ffffff;">
    <p>modern hsl with out-of-range values (should be clamped/wrapped)</p>
</div>
<div style="background-color: #4c7f4c;"> <!-- Expected: #4d804d -->
    <p>hwb with percentages</p>
</div>
<div style="background-color: #a5bfa5;"> <!-- Expected: #a6bfa6 -->
    <p>hwb with percentages and alpha</p>
</div>
<div style="background-color: #567f4c;"> <!-- Expected: #57804d -->
    <