PX to REM 변환기
CSS 픽셀(px)과 rem 단위 간 변환, 사용자 정의 기본 글꼴 크기 지원. 1px부터 32px까지 빠른 참조 표 포함. 반응형 웹 디자인에 필수.
매개변수
변환할 수치.
픽셀 단위의 루트 글꼴 크기(기본 브라우저는 16px)
px에서 rem 또는 rem에서 px 선택.
결과
16px = 1rem (at 16px base)
다른 결과 (2)
font-size: 1rem; /* 16px */
즉시 사용 가능한 CSS 선언
px | rem ---|--- 1 | 0.0625 2 | 0.1250 3 | 0.1875 4 | 0.2500 5 | 0.3125 6 | 0.3750 7 | 0.4375 8 | 0.5000 9 | 0.5625 10 | 0.6250 11 | 0.6875 12 | 0.7500 13 | 0.8125 14 | 0.8750 15 | 0.9375 16 | 1.0000 17 | 1.0625 18 | 1.1250 19 | 1.1875 20 | 1.2500 21 | 1.3125 22 | 1.3750 23 | 1.4375 24 | 1.5000 25 | 1.5625 26 | 1.6250 27 | 1.6875 28 | 1.7500 29 | 1.8125 30 | 1.8750 31 | 1.9375 32 | 2.0000
Reference table: pixels to rem at 16px base
PX to REM 변환기을 선택하는 이유
Px to Rem 변환기는 반응형 웹 디자인을 위해 픽셀과 rem CSS 단위 사이를 즉시 변환합니다. 값과 기본 글꼴 크기를 입력하고 바로 사용할 수 있는 CSS 코드 조각 및 빠른 참조 테이블과 함께 변환된 결과를 얻으세요.
- ✓기본 글꼴 크기에 따라 px를 rem으로, rem을 px로 변환합니다.
- ✓복사 가능한 CSS 코드 조각을 생성합니다.
- ✓1px부터 32px까지의 빠른 참조 표가 포함되어 있습니다.
- ✓정확한 변환을 위해 분수 값을 지원합니다.
사용 방법
- 1변환하려는 값을 입력하세요.
- 2기본 글꼴 크기 설정(기본값은 16px, 브라우저 기본값)
- 3변환 방향을 선택하세요: px에서 rem으로 또는 rem에서 px로
- 4변환된 값과 CSS 코드 조각 보기
- 5참조 표를 사용하여 일반적인 전환을 빠르게 찾아보세요.
자주 묻는 질문 (FAQ)
CSS의 rem 단위는 무엇입니까?
rem(root em)은 루트 요소(html) 글꼴 크기에 상대적인 CSS 단위입니다. 상위 요소를 기준으로 하는 em과 달리 rem은 항상 동일한 기본 값을 참조하므로 중첩된 요소 전체의 크기를 예측하기가 더 쉽습니다.
px 대신 rem을 사용해야 하는 이유는 무엇입니까?
rem을 사용하면 사용자가 접근성을 위해 브라우저 글꼴 크기를 변경할 때 디자인 크기가 비례적으로 조정됩니다. 픽셀은 사용자 기본 설정에 반응하지 않는 절대 단위인 반면, rem은 루트 글꼴 크기 설정을 따릅니다.
브라우저의 기본 기본 글꼴 크기는 얼마입니까?
All modern browsers default to 16px as the root font size. This means 1rem = 16px by default. However, users can change this in their browser settings, which is why using rem is better for accessibility.
24px를 rem으로 어떻게 변환하나요?
To convert 24px to rem with the default 16px base: 24 ÷ 16 = 1.5rem. Simply divide the pixel value by the base font size.
내 프로젝트의 기본 글꼴 크기를 변경할 수 있나요?
Yes. Many projects set a custom root font size (e.g., 62.5% to make 1rem = 10px for easier math). Enter your project's base font size in the converter to get accurate results.
신뢰할 수 있는 참고 자료
관련 도구
동일한 작업 환경에서 유용한 도구를 추가로 탐색해 보세요.