OKLAB to OKLCH Color Converter

// Professional OKLAB to OKLCH converter function
function oklabToOklch(oklab) {
  const { l, a, b } = oklab;

  // Convert rectangular to polar coordinates
  const oklchL = l;  // Lightness remains the same
  const oklchC = Math.sqrt(a * a + b * b);  // Chroma (distance)
  let oklchH = Math.atan2(b, a) * 180 / Math.PI;  // Hue (angle)

  // Ensure hue is positive (0-360°)
  if (oklchH < 0) oklchH += 360;

  return {
    l: Math.round(oklchL * 1000) / 1000,
    c: Math.round(oklchC * 1000) / 1000,
    h: Math.round(oklchH * 10) / 10
  };
}

// Example usage for OKLAB to OKLCH conversion
const oklabColor = { l: 0.628, a: 0.226, b: 0.125 };
const oklchResult = oklabToOklch(oklabColor);
console.log(`oklch(${oklchResult.l} ${oklchResult.c} ${oklchResult.h})`);

// Color picker integration example
function createColorPicker(oklabColor) {
  const oklch = oklabToOklch(oklabColor);

  // Use OKLCH for intuitive UI controls
  const hueSlider = oklch.h;      // 0-360° for hue wheel
  const chromaSlider = oklch.c;   // 0-0.4 for saturation
  const lightnessSlider = oklch.l; // 0-1 for brightness

  return { hueSlider, chromaSlider, lightnessSlider };
}