Skip to main content

CSS Unit Converter

The CSS Unit Converter is a tool that converts CSS measurement units, such as px, pt, em, rem, %, from one unit to another. It helps developers maintain consistent sizing and simplifies the conversion of CSS units.

Overview​

  • From Unit Type: Select the units that you want to convert from (px, pt, em, rem, %)
  • Base Size: Allows you to specify the base pixel value used for conversion, depending on the selected unit type.
  • To Unit Type: Select the unit type you want to convert to (px, pt, em, rem, %)
  • Base Size: Allows you to specify the base value used for the selected target unit.
  • Input: Enter the value that you want to convert.
  • Swap Button: Swaps the selected From and To unit types.
  • Output: Displays the converted value.

Steps to Access the CSS Unit Converter​

  1. Open the webpage that you want to test.
  2. Right-click the page and select Inspect.
  3. In the Elements panel, select the A11yInspect tab next to Accessibility.
  4. Open the CSS Unit Converter section.
  5. In the From Unit Type list, select the unit you want to convert From.
  6. Specify the Base Size for the target unit.
  7. From the To Unit Type list, select the unit you want to convert to.
  8. Specify the Base Size for the target unit.
  9. In the Input field, enter the value you want to convert.
  10. To swap the selected unit types, click the Swap button. The converted value is displayed in the Output field.