Live
x
<p>Standard Huebee picker:</p><input class="text-input" data-huebee /><p>Set a custom number of shades and hues:</p><input class="text-input" data-huebee='{ "saturations": 3, "hues":6, "shades":3 }' /><p>Always open:</p><input class="text-input" data-huebee='{ "staticOpen": true, "shades": 1 }' />
Live
xxxxxxxxxx11
.text-input { padding: 5px; border: 1px solid hsla(0, 0%, 0%, 0.2); width: 200px; margin: 0 10px 10px 0; background-color: hsla(0, 0%, 0%, 0.03); box-shadow: inset 0 2px 10px hsla(0, 0%, 0%, 0.15); border-radius: 5px; font-size: 1.2rem;}