कलर शेड्स जनरेटर - किसी भी रंग से टिंट, शेड और टोन बनाएं ऑनलाइन

// Color Shades Generator

function hexToRgb(hex) {
  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
  if (!result) return null;
  return {
    r: parseInt(result[1], 16),
    g: parseInt(result[2], 16),
    b: parseInt(result[3], 16),
  };
}

function rgbToHex(r, g, b) {
  return '#' + [r, g, b]
    .map(v => Math.round(Math.max(0, Math.min(255, v))).toString(16).padStart(2, '0'))
    .join('');
}

function generateTints(hex, steps = 10) {
  const rgb = hexToRgb(hex);
  if (!rgb) return [];
  const tints = [];
  for (let i = 1; i <= steps; i++) {
    const factor = i / (steps + 1);
    tints.push(rgbToHex(
      rgb.r + (255 - rgb.r) * factor,
      rgb.g + (255 - rgb.g) * factor,
      rgb.b + (255 - rgb.b) * factor,
    ));
  }
  return tints;
}

function generateShades(hex, steps = 10) {
  const rgb = hexToRgb(hex);
  if (!rgb) return [];
  const shades = [];
  for (let i = 1; i <= steps; i++) {
    const factor = 1 - i / (steps + 1);
    shades.push(rgbToHex(
      rgb.r * factor,
      rgb.g * factor,
      rgb.b * factor,
    ));
  }
  return shades;
}

// Usage
const base = '#3b82f6';
console.log('Tints:', generateTints(base, 5));
console.log('Shades:', generateShades(base, 5));