diff --git a/light9/web/light9-color-picker.ts b/light9/web/light9-color-picker.ts --- a/light9/web/light9-color-picker.ts +++ b/light9/web/light9-color-picker.ts @@ -63,9 +63,7 @@ export class Light9ColorPicker extends L this.setColor(this.color); } if (changedProperties.has("value") || changedProperties.has("hueSatColor")) { - this.color = color(this.hueSatColor) - .value(this.value / 255) - .hex(); + this.updateColorFromHSV(); this.dispatchEvent(new CustomEvent("input", { detail: { value: this.color } })); @@ -75,6 +73,12 @@ export class Light9ColorPicker extends L } } + private updateColorFromHSV() { + this.color = color(this.hueSatColor) + .value(this.value / 255) + .hex(); + } + private onVSliderChange(ev: CustomEvent) { this.value = ev.detail.value; } @@ -93,6 +97,7 @@ export class Light9ColorPicker extends L if (this.value < (20 as int8)) { log("boost"); this.value = 255 as int8; + this.updateColorFromHSV(); } pickerFloat.startPick(new ClientCoord(ev.clientX, ev.clientY), this.color, (hsc: string) => { this.hueSatColor = hsc;