Color Input

A styled native <input type="color"> for picking colors.

Standalone

<link rel="stylesheet" href="https://esm.sh/@erikt/ui/color-input.css" />

Default

<input type="color" value="#6366f1" />

With label

Brand color

<label class="field">
  <span>Brand color</span>
  <input type="color" value="#6366f1" />
</label>