Conversion Form

PC
VH

About the Unit

Pica (pc): The pica unit (pc) is another traditional typographic unit used in printing. 1pc is equivalent to 12 points (pt), and its origin dates back to early typographic systems. Although rarely used in web design, the pica unit still finds application in typography and graphic design, especially when working with print systems and physical documents. When using the pc unit, you are essentially working with a value that is larger than the point, which can be helpful in typographic projects where font sizes or other elements need to be larger. In CSS, the pica unit can be used to define font sizes, but it is more commonly found in print contexts rather than in digital web design. Its usefulness is limited in most digital designs, as most projects benefit more from relative units.

Pro Tip: pcvh

Use pc for print, and vh for viewport-relative height layouts.

Quick Reference: Unit Conversion by Tens

PCVH
10pc14.814815vh
20pc29.62963vh
30pc44.444444vh
40pc59.259259vh
50pc74.074074vh
60pc88.888889vh
70pc103.703704vh
80pc118.518519vh
90pc133.333333vh
100pc148.148148vh
110pc162.962963vh
120pc177.777778vh
130pc192.592593vh
140pc207.407407vh
150pc222.222222vh
160pc237.037037vh
170pc251.851852vh
180pc266.666667vh
190pc281.481481vh
200pc296.296296vh
210pc311.111111vh
220pc325.925926vh
230pc340.740741vh
240pc355.555556vh
250pc370.37037vh

Live Unit Preview

See how different CSS units affect the size of the box below:

10px

10rem

10em

10%

10vw

10vh

Common Mistake

Be cautious when mixing pc and vh without testing on different screen sizes.

Real Code Example

/* Mobile-first card with pc → vh */
.card {
  padding: 0pc;     /* undefinedvh */
  font-size: 1.5rem;
  width: min(90vw, 40ch);
}
Unidade não encontrada.

Keyboard Shortcuts

  • Ctrl + C: Convert
  • Ctrl + I: Invert units
  • Esc: Reset values

More popular conversions