CSS यूनिट कन्वर्टर - px से rem, em, vw, vh और % ऑनलाइन

// CSS Unit Conversion Functions
function toPx(value, unit, ctx = {}) {
  const { baseFontSize = 16, parentFontSize = 16,
    viewportWidth = 1920, viewportHeight = 1080, parentWidth = 1920 } = ctx;
  switch (unit) {
    case 'px':  return value;
    case 'rem': return value * baseFontSize;
    case 'em':  return value * parentFontSize;
    case '%':   return (value / 100) * parentWidth;
    case 'vw':  return (value / 100) * viewportWidth;
    case 'vh':  return (value / 100) * viewportHeight;
  }
}

function fromPx(px, unit, ctx = {}) {
  const { baseFontSize = 16, parentFontSize = 16,
    viewportWidth = 1920, viewportHeight = 1080, parentWidth = 1920 } = ctx;
  switch (unit) {
    case 'px':  return px;
    case 'rem': return px / baseFontSize;
    case 'em':  return px / parentFontSize;
    case '%':   return (px / parentWidth) * 100;
    case 'vw':  return (px / viewportWidth) * 100;
    case 'vh':  return (px / viewportHeight) * 100;
  }
}

function convert(value, from, to, ctx) {
  return fromPx(toPx(value, from, ctx), to, ctx);
}

// Usage
const ctx = { baseFontSize: 16, viewportWidth: 1440 };
console.log(convert(24, 'px', 'rem', ctx));  // 1.5
console.log(convert(2, 'rem', 'px', ctx));   // 32
console.log(convert(50, 'vw', 'px', ctx));   // 720