Angular контроль формы: невозможно получить значение средства выбора цвета при отправке формы

Question

Я не могу получить значение средства выбора цвета при отправке формы. Я использовал FormControl и ngx-color-picker (https://www.npmjs.com/package/ngx-color-picker). Смотрите мои коды:

.html

<input type="text" class="form-control" [formControl]="subtitleColor" [value]="colorCheck"
        [style.background]="colorCheck" [cpOKButton]="true" [cpSaveClickOutside]="false"
        [cpOKButtonClass]="'btn btn-primary btn-xs'" [(colorPicker)]="colorCheck" />

<button class="btn btn-primary rounded-md pl-4 pr-4" (click)="updateSetting()">
    Update
  </button>

.ts

export class abcComponent implements OnInit {
  colorCheck: any;
  'subtitleColor' = new FormControl('',[Validators.required]);
  ngOnInit() {
    this.getSetting();
  }
  getSetting() {
    ...
    this.colorCheck = response.userSelectedData.subtitleColor;

  }
  updateSetting() {
    this.settingData = {
      "subtitleColor": this.subtitleColor.value,
    };
    console.log(this.settingData);
  }
}