PX till REM Konverterare

PX-till-REM-konverterare som räknar om CSS-pixlar och rem åt båda hållen utifrån en valfri rotstorlek, decimaler inkluderade. Med kopieringsbar referenstabell och CSS-snutt, gratis i webbläsaren.

Basteckenstorlek:px (bas: 16px)

rem

1rem

font-size: 1rem;

px ↔ rem Referenstabell (Basteckenstorlek: 16px)

px	rem	Kopiera
8px	0.5rem
10px	0.625rem
12px	0.75rem
14px	0.875rem
16px	1rem
18px	1.125rem
20px	1.25rem
24px	1.5rem
28px	1.75rem
32px	2rem
36px	2.25rem
40px	2.5rem
48px	3rem
56px	3.5rem
64px	4rem
72px	4.5rem
80px	5rem
96px	6rem

Bädda in

<iframe src="https://devtools.patrache.studio/sv/converters/px-rem-converter/?embed=1" width="100%" height="620"
  style="border:1px solid #e5e7eb;border-radius:12px" loading="lazy"
  title="PX till REM Konverterare — Patrache Studio DevTools"></iframe>
<p><a href="https://devtools.patrache.studio/sv/converters/px-rem-converter/">PX till REM Konverterare</a> by
   <a href="https://patrache.studio/">Patrache Studio</a></p>

Senast uppdaterad: 2026 · Gratis onlineverktyg

Vad är PX till REM Konverterare?

Så använder du

1
Ange basstorlek— Ställ in bas-teckenstorleken (standard 16px).
2
Ange värde— Ange ett px- eller rem-värde.
3
Kontrollera resultaten— Se det konverterade värdet och CSS-kodavsnittet.
4
Använd referenstabell— Kopiera vanliga värden direkt från referenstabellen nedan.

Relaterade verktyg

CSS-enhetsreferensReferens för CSS-enheter som px, em, rem, %, vw, vh, vmin, vmax och ch, ordnade per kategori. Med tydliga förklaringar av varje absolut och relativ enhet, gratis i webbläsaren.

CSS-gradientgeneratorVisuell CSS-gradientgenerator för linjära, radiella och koniska gradienter: sätt färgstopp, justera vinkeln och kopiera CSS-koden. Perfekt för bakgrunder och knappar, gratis i webbläsaren.

FärgkodskonverterareFärgkonverterare mellan HEX-, RGB-, HSL- och OKLCH-koder, med WCAG-kontrastvärdet för två färger. Så kontrollerar du tillgängligheten medan du väljer palett, gratis i webbläsaren.

CSS box-shadow-generatorCSS-box-shadow-generator med reglage för offset, oskärpa, spridning, färg och inset samt liveförhandsvisning. Kopiera färdig box-shadow-CSS, gratis i webbläsaren.

Vanliga frågor

rem är en relativ enhet baserad på rot-elementets (html) font-size. Standardvärdet är 16px.

Ja. Ändra bas-teckenstorleken längst upp så uppdateras konverteringsresultaten och referenstabellen automatiskt.

em är relativ till förälderelementet, rem till rot-elementet (html). rem är mer förutsägbar.

Ja, decimalkonverteringar som 12,5px → 0,7813rem stöds.

Nej. Alla beräkningar sker i din webbläsare.