HSL color generator with bilinear interpolation

HSLGenerator.js

class HSLGenerator {
  constructor(hueLength = 100, options = { lightness: 0.6, saturation: 1 }) {
    this.hueIncrement = 360 / Math.sqrt(hueLength ** 2 * 2);
    this.saturation = options.saturation * 100;
    this.lightness = options.lightness * 100;
    this.cache = {};
  }

  getColor(y, x) {
    const cacheKey = [y, x].join("-");

    if (cacheKey in this.cache) {
      return this.cache[cacheKey];
    }

    const hue = Math.floor(Math.sqrt(y ** 2 + x ** 2) * this.hueIncrement);
    const hslColor = `hsl(${hue},${this.saturation}%,${this.lightness}%)`;

    this.cache[cacheKey] = hslColor;

    return hslColor;
  }
}