PC → PERCENTAGE Converter
Converting from PC to PERCENTAGE is common when switching from a typographic unit equal to 12 points, common in print. to excellent for flexible, relative sizing. in CSS projects.
Conversion Form
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: pc → percentage
Use pc for print layouts and % for fluid layouts.
Quick Reference: Unit Conversion by Tens
| PC | PERCENTAGE |
|---|---|
| 10pc | 16000% |
| 20pc | 32000% |
| 30pc | 48000% |
| 40pc | 64000% |
| 50pc | 80000% |
| 60pc | 96000% |
| 70pc | 112000% |
| 80pc | 128000% |
| 90pc | 144000% |
| 100pc | 160000% |
| 110pc | 176000% |
| 120pc | 192000% |
| 130pc | 208000% |
| 140pc | 224000% |
| 150pc | 240000% |
| 160pc | 256000% |
| 170pc | 272000% |
| 180pc | 288000% |
| 190pc | 304000% |
| 200pc | 320000% |
| 210pc | 336000% |
| 220pc | 352000% |
| 230pc | 368000% |
| 240pc | 384000% |
| 250pc | 400000% |
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 percentage without testing on different screen sizes.
Real Code Example
/* Mobile-first card with pc → percentage */
.card {
padding: 0pc; /* undefined% */
font-size: 1.5rem;
width: min(90vw, 40ch);
}Keyboard Shortcuts
- Ctrl + C: Convert
- Ctrl + I: Invert units
- Esc: Reset values