Convert typographic points to pixels instantly. Free pt to px converter for translating Figma and print specs into CSS values you can use.
| Unit | Value | |
|---|---|---|
| pxPixel | 16 | |
| ptPoint | 12 | |
| pcPica | 1 | |
| cmCentimeter | 0.42333333 | |
| mmMillimeter | 4.2333333 | |
| inInch | 0.16666667 | |
| remRoot em | 1 | |
| emEm | 1 | |
| vwViewport width | 1.1111111 | |
| vhViewport height | 1.7777778 | |
| vminViewport minimum | 1.7777778 | |
| vmaxViewport maximum | 1.1111111 | |
| exx-height (approx) | 2 | |
| chCharacter width (approx) | 1.6666667 |
Enter a point value to convert it to pixels. The conversion multiplies by 4/3 (1.333) at standard screen density. This is the bridge between print oriented design specs and the CSS values browsers actually accept.
| Points | Pixels | Use Case |
|---|---|---|
| 8pt | 10.667px | Captions, fine print |
| 10pt | 13.333px | Small UI text |
| 12pt | 16px | Body text default |
| 14pt | 18.667px | Lead text |
| 18pt | 24px | Subheadings |
| 24pt | 32px | Headings |
| 36pt | 48px | Display type |
Points are a print unit: 72 per inch. Pixels in CSS are 96 per inch by definition. That fixed 96/72 ratio is why the math is exact rather than approximate. Confusion starts because design tools sometimes label iOS points (which behave like CSS px) and print points interchangeably. If a Figma spec says 16pt body and the rendered app looks right at 16px, you already have your answer: treat them 1:1 at 96dpi and only convert true print specs.
For screen relative units try Px to Rem, or see every unit in the full CSS Units Converter.
Nothing you paste leaves this tab. Every tool runs entirely in your browser β no upload, no server, no account.