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

jQWidgets is an advanced jQuery, Angular 7, Vue, React, 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 [theme]="'material'" 
         [width]="180" [height]="25" checked="true">
          Saturation Color Mode
      </jqxRadioButton>

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

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