PX to REM Converter

Convert between pixels and REM units for responsive CSS

๐Ÿ”’ 100% ๋ธŒ๋ผ์šฐ์ € ๋‚ด๐Ÿ†“ ํ‰์ƒ ๋ฌด๋ฃŒโšก ๊ฐ€์ž… ์—†์Œ
์ฐธ๊ณ : ์•„๋ž˜ ํˆด ์ธํ„ฐํŽ˜์ด์Šค๋Š” ํ˜„์žฌ ์˜์–ด๋กœ๋งŒ ์ œ๊ณต๋ฉ๋‹ˆ๋‹ค. UI๋Š” ํ•˜๋‚˜์”ฉ ๋ฒˆ์—ญ ์ค‘์ž…๋‹ˆ๋‹ค. ์ด ํˆด์„ ์˜์–ด๋กœ ๋ณด๊ธฐ โ†’
Common sizes
PixelsREMSample
12px0.75remAa
14px0.875remAa
16px1remAa
18px1.125remAa
20px1.25remAa
24px1.5remAa
32px2remAa
40px2.5remAa
48px3remAa
64px4remAa

REM is relative to the root <html> font size - usually 16px by default. Using REM instead of PX means your layout scales when users change their browser text size.

์‚ฌ์šฉ๋ฒ•

  1. 1
    Set the base

    The default root font size is 16px - the browser default. Change it if your CSS overrides it.

  2. 2
    Type in either field

    Enter pixels or REM; the other updates instantly.

  3. 3
    Reference the table

    Common design-system sizes are pre-converted, with a visual preview of each font size.

PX to REM Converter ์†Œ๊ฐœ

Free online PX to REM converter. Type a pixel value to get the REM equivalent (or vice versa) based on your root font size. Includes a common-sizes table with live preview. Runs entirely in your browser. 712 Tools์˜ PX to REM Converter์€ ์ตœ์‹  JavaScript API๋ฅผ ์‚ฌ์šฉํ•ด ์—ฌ๋Ÿฌ๋ถ„์˜ browser์—์„œ ์™„์ „ํžˆ ๋™์ž‘ํ•ฉ๋‹ˆ๋‹ค - server๊ฐ€ ์—ฌ๋Ÿฌ๋ถ„์˜ ๋ฐ์ดํ„ฐ๋ฅผ ๋ณผ ์ผ์ด ์ ˆ๋Œ€ ์—†์Šต๋‹ˆ๋‹ค. ์ฆ‰, ์ฆ‰๊ฐ์ ์ธ ๊ฒฐ๊ณผ, ์™„์ „ํ•œ ํ”„๋ผ์ด๋ฒ„์‹œ, ๊ทธ๋ฆฌ๊ณ  ์—…๋กœ๋“œ ์ œํ•œ์ด ์—†์Šต๋‹ˆ๋‹ค.

debugging ์„ธ์…˜, ๋น ๋ฅธ sanity check, ๋˜๋Š” ํ”„๋กœ๋•์…˜ ์ธ์‹œ๋˜ํŠธ - ์–ด๋–ค ์ƒํ™ฉ์ด๋“  ์ด ํˆด์€ ์›ํ•˜๋Š” ๋งŒํผ ๋ฌด๋ฃŒ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์›Œํ„ฐ๋งˆํฌ ์—†์Œ, ๊ฐ€์ž… ์—†์Œ, ํˆด ๋‚ด ๊ด‘๊ณ  ์—†์Œ.

์ž์ฃผ ๋ฌป๋Š” ์งˆ๋ฌธ

Why use REM instead of PX?

REM scales with the user's root font size - so users who bump their browser text size get a larger layout too. Better accessibility with no extra work.

What about EM?

EM is relative to the parent element's font size - useful for internal component scaling but confusing across a whole layout. REM is relative to the root only.

What if my root is 62.5%?

That's the 'REM = 10px' trick - set root font-size to 62.5% and 1rem = 10px. Change the base field to 10 in this tool.

๊ด€๋ จ ํˆด

JSON to CSV

Convert JSON arrays to downloadable CSV

Timestamp Converter

Convert between Unix time, ISO 8601, and human-readable dates

Markdown to HTML

Convert Markdown to clean HTML with live preview

YAML โ†” JSON

Convert YAML to JSON and back with full syntax validation

JSON โ†’ TypeScript

Generate TypeScript interfaces or types from a JSON sample

Base Converter

Convert between binary, octal, decimal, and hexadecimal