DevBentoPt-zu-Px-Konverter für Designer
Wandle typografische Punkte sofort in Pixel um. Gratis Pt-zu-Px-Konverter für Figma- und Print-Specs zu nutzbaren CSS-Werten.
÷base
Viewport-Einstellungen
| Einheit | Wert | |
|---|---|---|
| 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 |
Verwandte Werkzeuge
rgbFarbkonverter + Palette
Convert color unit values
📐Einheitenumrechner
Rechne sofort zwischen Längen-, Gewichts-, Temperatur-, Geschwindigkeits-, Flächen-, Volumen-, Daten- und Zeiteinheiten um. Kein Server, alles im Browser.
Punkte in Pixel umrechnen
Gib einen Punktwert ein, um ihn in Pixel umzurechnen. Die Umrechnung multipliziert mit 4/3 (1.333) bei Standarddichte. Sie ist die Brücke zwischen printorientierten Design-Specs und den CSS-Werten, die Browser akzeptieren.
Gängige Punkt-zu-Pixel-Werte
| Punkte | Pixel | Anwendungsfall |
|---|---|---|
| 8pt | 10.667px | Fußnoten |
| 12pt | 16px | Fließtext-Standard |
| 18pt | 24px | Unterüberschriften |
| 24pt | 32px | Überschriften |
| 36pt | 48px | Display-Type |
Verwendung
- Das Tool öffnet mit 12pt vorausgefüllt, umgerechnet in 16px
- Tippe den Punktwert aus deiner Spec ein
- Kopiere das px-Ergebnis in dein CSS
- Erwäge rem für Barrierefreiheit (durch 16 teilen)
Für bildschirmrelative Einheiten versuche Px zu Rem oder sieh alle im CSS Units Converter.
🔒
Nothing you paste leaves this tab. Every tool runs entirely in your browser — no upload, no server, no account.