Instantly convert REM to PC and PC to REM
A simple and fast tool to convert REM units to pica (pc) values and vice versa for your web and print designs.
How to Convert REM to PC
Step 1: Determine the Parent’s Font Size
Identify the font-size of the direct parent element in pixels. The `rem` unit is relative to this value. Enter it in the “Parent Font Size” field above.
Step 2: Use the Conversion Formula
The formula to convert REM to picas is: `(REM Value * Parent Font Size) / 16`. This is because 1 pica is equal to 16 pixels in a standard 96 DPI context.
Result in PC = (REM * Parent PX) / 16
Step 3: Example Calculation
If you want to convert 1.5rem to picas and the parent’s font size is 16px, the calculation is:
(1.5 * 16) / 16 = 1.5
So, 1.5rem is equal to 1.5pc in this context.
Common REM to PC Reference
A quick reference table based on the parent font size set above.
REM to PC Converter Information
Understanding REM Units
The `rem` unit is a relative unit of measurement in CSS. It is relative to the font-size of its direct parent element. This makes it powerful for creating components that scale within themselves, but can sometimes lead to complex calculations in nested elements.
Understanding Picas (PC)
The pica (pc) is a traditional typographic unit of measure. One pica is equivalent to 12 points, and there are 6 picas to an inch. In the digital world, based on a standard 96 DPI, one pica is equal to 16 pixels. Picas are often used in graphic design and desktop publishing for setting column widths and other layout measurements.
Why Convert REM to PC?
Converting `rem` to `pc` is useful when you need to align scalable web designs with traditional typographic or print-based layouts. This is important for:
- Cross-Media Branding: Ensuring that the typographic scale and layout grids used on a website are consistent with those used in print materials like magazines or brochures.
- Working with Print Designers: Facilitates communication and collaboration between web developers and graphic designers who may work primarily with picas and points.
- Implementing Grid Systems: For web layouts that are based on classic typographic grid systems, converting `rem` values to `pc` can help in verifying the design’s accuracy and proportions.