PX to REM 변환기
설정 가능한 기본 글꼴 크기(브라우저 기본 16px)로 CSS 길이 px, rem, em을 변환하세요.
PX to REM 변환기 정보
설정 가능한 기본 글꼴 크기(브라우저 기본 16px)로 CSS 길이 px, rem, em을 변환하세요. 값을 입력하면 다른 단위가 즉시 갱신되고 `1.5rem` 같은 CSS를 복사할 수 있습니다. 빠른 참조 표는 현재 base에서 흔한 px 크기를 나열 - Tailwind 스케일·root font-size 실험에 유용. 모두 브라우저에서. HEX to RGB 변환기 또는 픽셀 to 인치 변환기와 함께.
PX to REM 변환기 사용 방법
- px 기본 글꼴 크기 설정(기본 16) 또는 14, 18 같은 프리셋.
- px, rem, em 중 하나 입력 - 나머지 두 필드 자동 갱신.
- 개별 단위 또는 세 단위 한 번에 복사.
- 현재 base에서 흔한 크기는 빠른 참조 표 사용. 업로드 없음.
PX to REM 변환기 예시
16px base에서 16px
base 16px일 때 16px = 1rem = 1em(브라우저 기본).
24px to rem
24px / 16 = 1.5rem. 중간 제목·spacing 토큰에 유용.
10px root 커스텀
html { font-size: 10px }이면 20px = 2rem. base를 10으로 바꿔 변환.
0.875rem 본문
base 16px에서 0.875rem = 14px - 흔한 작은 본문 크기.
일반적인 사용 사례
- 디자인 도구 px를 fluid CSS rem으로
- 커스텀 root font-size에 맞춰 rem·em 확인
- 빠른 참조 표로 spacing 스케일 구축·감사
- Tailwind식 px 단계를 rem 토큰으로
- 같은 reference base로 em vs rem 미리보기
PX to REM 변환기에 대한 자주 묻는 질문
- px를 rem으로 어떻게 변환하나요?
- px를 root font-size(px)로 나눕니다. 기본 16px이면 rem = px / 16. 예: 24/16 = 1.5rem. 입력하면서 계산합니다.
- rem과 em 차이는?
- rem은 root 요소 font-size 기준. em은 부모 font-size 기준. 여기서는 둘 다 선택한 base로 같은 기준에서 비교.
- 어떤 base font-size를 써야 하나요?
- html에 font-size가 없으면 대부분 16px. html { font-size: 62.5% } 또는 10px/18px이면 그 px 값을 base에 입력.
- rem·em을 px로 되돌릴 수 있나요?
- 예. rem 또는 em 입력 시 px 갱신. px = rem(또는 em) × base font-size.
- 빠른 참조 표 용도는?
- 4~96 px와 현재 base의 rem·em을 나열해 매번 입력 없이 스케일을 훑을 수 있습니다.
- 입력이 기기를 떠나나요?
- 아니요. PX to REM 변환기는 브라우저에서만. 값은 업로드·저장되지 않습니다.
관련 도구
Pixels to Inches Converter
임의 DPI에서 pixel을 inch로, inch를 pixel로 변환. 웹(96 DPI)과 인쇄(300 DPI)용 무료 px to inches 계산기.
HEX to RGB Converter
HEX↔RGB 변환과 HSL, CMYK, tint-shade ramp, WCAG contrast 카드, CSS token snippet - 무료 온라인 color code converter.
RGB to HSL Converter
RGB↔HSL 즉시 변환. live swatch와 copy-ready rgb(), hsl() CSS.
CSS Gradient 생성기
실시간 미리보기로 CSS linear, radial, conic gradient 제작. color stop 선택, background CSS 복사, 스타일시트에 붙여 넣기. 브라우저에서 실행.