test('no placeholder', () => {
		const formatter = new ColorFormatter('hello');
		assert.equal(formatter.supportsTransparency, false);

		assert.equal(formatter.format(Color.white), 'hello');
		assert.equal(formatter.format(Color.transparent), 'hello');
	});

	public set color(color: Color) {
		this._color = color;

		const alpha = color.toRGBA().a;
		if (!this._opacity) {
			this._opacity = alpha / 255;
		}
		this.saturation = color.getSaturation();
		this.value = color.getValue();

		if (this._opacity === 1) {
			this.selectedColorString = this._opaqueFormatter.toString(this._color);
		} else if (this._transparentFormatter) {
			this.selectedColorString = this._transparentFormatter.toString(this._color);
		} else { //no transparent formatter defined for this mode. select another
			this.nextColorMode();
		}
	}

	public nextColorMode() {
		this._colorModelIndex++;
		if (this._colorModelIndex === this.colorFormatters.length) {
			this._colorModelIndex = 0;
		}

		const formatter = this.colorFormatters[this._colorModelIndex];
		if (isAdvancedFormatter(formatter)) {
			this._transparentFormatter = formatter.transparentFormatter;
			this._opaqueFormatter = formatter.opaqueFormatter;
			this.selectedColorString = this._opacity === 1 ? this._opaqueFormatter.toString(this._color) : this._transparentFormatter.toString(this._color);
		} else if (!this._transparentFormatter || this._opacity === 1) {
			this._transparentFormatter = null;
			this._opaqueFormatter = formatter;
			this.selectedColorString = this._opaqueFormatter.toString(this._color);
		} else {
			this.nextColorMode();
		}
	}