Color Picker

        <form class="coral-Form coral-Form--vertical">
          <label id="label1" class="coral-Form-fieldlabel">Label</label>
          <coral-colorpicker labelledby="label1"></coral-colorpicker>
        </form>
      

        <form class="coral-Form coral-Form--vertical">
          <label id="label2" class="coral-Form-fieldlabel">Label</label>
          <coral-colorpicker labelledby="label2" value="#39CCCC" disabled=""></coral-colorpicker>
        </form>
      

        <form class="coral-Form coral-Form--vertical">
          <label id="label3" class="coral-Form-fieldlabel">Label</label>
          <coral-colorpicker labelledby="label3" value="hello"></coral-colorpicker>
        </form>
      

        <form class="coral-Form coral-Form--vertical">
          <label id="label4" class="coral-Form-fieldlabel">Label</label>
          <coral-colorpicker labelledby="label3" value="#39CCCC" formats="hex,rgb,hsl"></coral-colorpicker>
        </form>
      

        <form class="coral-Form coral-Form--vertical">
          <label id="label5" class="coral-Form-fieldlabel">Label</label>
          <coral-colorpicker labelledby="label3" value="#39CCCC" formats="rgb,abcd"></coral-colorpicker>
        </form>
      

        <form class="coral-Form coral-Form--vertical">
          <label id="label6" class="coral-Form-fieldlabel">Label</label>
          <coral-colorpicker labelledby="label3" value="#39CCCC" formats="rgb"></coral-colorpicker>
        </form>
      

        <form class="coral-Form coral-Form--vertical">
          <label id="label7" class="coral-Form-fieldlabel">Label</label>
          <coral-colorpicker labelledby="label4" value="rgb(123,23,155,.5)" readonly=""></coral-colorpicker>
        </form>