jqwidgets-framework/demos/Angular/src/colorpicker/settings/app.component.html

jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.

<jqxColorPicker #myColorPicker (onColorchange)="colorChanged($event)"
    [width]="250" [height]="250">
</jqxColorPicker>

<div style="font-size: 13px; font-family: Verdana; margin-top: 10px">
    <div style="margin-bottom: 5px">Color Modes</div>

      <jqxRadioButton 
         [width]="180" [height]="25" checked="true">
          Saturation Color Mode
      </jqxRadioButton>

      <jqxRadioButton (onChange)="hueModeChanged($event)"
          [width]="180" [height]="25">
          Hue Color Mode
      </jqxRadioButton>
</div>

<div #colorLog style="font-size: 13px; font-family: Verdana"></div>