Color Picker

<rhx-color-picker name="color" rhx-label="Color" value="#3b82f6" />

<rhx-color-picker name="color-swatches" rhx-label="Brand Color"
           value="#ef4444"
           rhx-swatches="#ef4444,#f97316,#eab308,#22c55e,#3b82f6,#8b5cf6,#ec4899,#000000" />

<rhx-color-picker name="color-alpha" rhx-label="Overlay Color"
           value="#3b82f6" rhx-opacity="true" />

<rhx-color-picker name="color-rgb" rhx-label="RGB Color"
           value="#22c55e" rhx-format="rgb" />
<rhx-color-picker name="color-hsl" rhx-label="HSL Color"
           value="#8b5cf6" rhx-format="hsl" />

<rhx-color-picker name="color-inline" rhx-label="Theme Color"
           value="#f97316" rhx-inline="true"
           rhx-swatches="#ef4444,#f97316,#eab308,#22c55e,#3b82f6,#8b5cf6" />

<rhx-color-picker name="color-dis" rhx-label="Disabled"
           value="#6b7280" rhx-disabled="true" />

<rhx-color-picker rhx-for="BrandColor" rhx-label="Brand Color" />

<rhx-color-picker name="themeColor" rhx-label="Theme Color"
           value="#3b82f6"
           rhx-swatches="#ef4444,#f97316,#eab308,#22c55e,#3b82f6,#8b5cf6"
           hx-post="/Docs/Components/ColorPicker?handler=SaveColor"
           hx-trigger="change"
           hx-target="#color-result"
           hx-include="this" />
<div id="color-result">Pick a color to save...</div>