कलर पैलेट जनरेटर - रंग योजनाएं बनाएं ऑनलाइन

// Color Palette Generator
function hslToHex(h, s, l) {
  s /= 100;
  l /= 100;
  const a = s * Math.min(l, 1 - l);
  const f = (n) => {
    const k = (n + h / 30) % 12;
    const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
    return Math.round(255 * color).toString(16).padStart(2, '0');
  };
  return `#${f(0)}${f(8)}${f(4)}`;
}

function generatePalette(baseHue, saturation, lightness, harmonyType) {
  let hues;
  switch (harmonyType) {
    case 'complementary':
      hues = [baseHue, (baseHue + 180) % 360];
      break;
    case 'analogous':
      hues = [(baseHue - 30 + 360) % 360, baseHue, (baseHue + 30) % 360];
      break;
    case 'triadic':
      hues = [baseHue, (baseHue + 120) % 360, (baseHue + 240) % 360];
      break;
    case 'monochromatic':
      return [15, 30, 50, 70, 85].map(l => hslToHex(baseHue, saturation, l));
    default:
      hues = [baseHue];
  }
  return hues.map(h => hslToHex(h, saturation, lightness));
}

const palette = generatePalette(220, 70, 50, 'triadic');
console.log(palette);