this.hue + 30}, 50%, ${this.lightness}%))`;
	};

	displayColor() {
		this.hue = this.makeHue();

		if (this.gradient) {
			document.querySelector('body').style.setProperty('--background', this.generateGradient());
		}

		else {
			document.querySelector('body').style.setProperty('--background', `hsl(${this.hue}, 50%, ${this.lightness}%)`);
		}
	};

	setLightness(value) {
		this.lightness = value;
	}
}

function hexToHue(hex) {
  var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.e