px rem em pt 변환기: CSS 글꼴 크기
4pt 8pt 그리드·타입 스케일·dp DPI 계산
iPhone 전용
무료 · 앱 내 구입 · iPhone용으로 디자인됨 · macOS용으로는 확인되지 않음
iPhone
루트 글꼴 크기를 직접 정하고 px, rem, em, pt, %를 한눈에. 모듈러 타입 스케일, 4/8pt 여백 토큰, 붙여넣기만 하면 되는 CSS 변수까지.
px에서 rem으로, rem에서 px으로. em, pt, %까지 — 입력하는 순간 변환됩니다. 그것도 교과서 값이 아니라 지금 프로젝트가 실제로 쓰는 루트 글꼴 크기 기준으로.
대부분의 변환기는 루트 16px을 가정하고 거기서 끝납니다. 이 앱은 루트 글꼴 크기, em 기준 크기, DPI를 한 번 설정해 두면 그 기준으로 전부 다시 계산합니다. 실시간 변환도, 모듈러 타입 스케일도, 여백 토큰도, 플랫폼별 밀도 표도 모두 같은 기준을 따릅니다. 네이티브 iPhone 앱이라 브라우저 탭을 뒤질 필요도, 네트워크 연결도 필요 없습니다.
주요 기능
- 다섯 단위 동시 표시: 값 하나만 입력하면 px, rem, em, pt, %가 나란히 나오고 각각 한 번의 탭으로 클립보드에 복사됩니다
- 내 기준값: 루트 크기(8-32px), em 기준 크기(8-48px), DPI(72-320) 슬라이더. 62.5% 루트나 96이 아닌 DPI 환경에서도 정확한 숫자가 나옵니다. 설정은 앱을 껐다 켜도 유지되며, 웹 기본값(16px 루트 / 96 DPI)으로 되돌리는 버튼도 있습니다
- 모듈러 타입 스케일 생성기: 기준 크기 슬라이더와 8가지 비율(Minor Second 1.067, Major Second 1.125, Minor Third 1.200, Major Third 1.250, Perfect Fourth 1.333, Augmented Fourth 1.414, Perfect Fifth 1.500, Golden Ratio 1.618). Display, H1, H2, H3, H4, H5, Base, Small, Caption 단계가 px과 rem으로 정리되고 'Ag' 크기 미리보기까지 붙습니다
- 붙여넣기만 하면 되는 CSS: 타입 스케일과 여백 세트를 :root 커스텀 속성으로 뽑아냅니다. rem 값에 px 주석이 함께 들어갑니다
- 4pt / 8pt 여백 그리드 토큰을 px과 rem으로, 각 토큰마다 시각적 막대와 함께 표시
- 자주 쓰는 반응형 브레이크포인트 640, 768, 1024, 1280, 1536을 px과 rem으로 나란히
- 저장 탭: 별표로 고정한 변환과 최근 기록을 고정/최근 섹션으로 나눠 보관하고, 항목별로 고정 해제·삭제, 항목마다 전체 단위 요약 확인
- 배우기 탭: px vs rem vs em vs pt, rem과 접근성, %와 font-size, DPI/PPI와 기기 픽셀, 모듈러 타입 스케일, 4pt·8pt 그리드까지 6개 해설 글에 코드 예제 포함. 치트시트 16px = 1rem = 12pt = 100%와 MDN, W3C, WCAG 2.2, Apple HIG 참고 목록도 함께
이런 분께
- 디자인 파일을 실제 스타일시트 값으로 옮기는 front-end 개발자
- 화면 전반의 글자와 여백을 일관되게 유지해야 하는 UI·프로덕트 디자이너
- 토큰의 기준을 한 곳에 두고 싶은 디자인 시스템 담당자
- rem, em, %가 왜 다르게 동작하는지 제대로 이해하고 싶은 분
웹 변환기 대신 이 앱을 쓰는 이유
개인정보
모든 계산과 저장은 기기 안에서 이루어집니다. 계정도, 로그인도, 광고도, 애널리틱스 SDK도 없고 데이터는 로컬 UserDefaults에만 남습니다. 완전히 오프라인으로 동작합니다.
전체 이용
전체 이용을 시작하면 모듈러 타입 스케일 생성기, CSS 변수 내보내기, 4pt/8pt 여백과 플랫폼 밀도 도구, 그리고 고정 변환과 저장 기록 무제한이 열립니다. 주간 플랜, 연간 플랜, 또는 1회 결제 평생 이용권 중에서 고르세요. 무료 체험은 제공되지 않습니다. 결제는 구매 확인 시 Apple 계정으로 청구됩니다. 구독은 현재 기간 종료 24시간 전까지 취소하지 않으면 자동으로 갱신되며, App Store 계정 설정에서 관리하거나 취소할 수 있습니다. 평생 이용권은 1회 구매이며 갱신되지 않습니다. 구매 복원도 지원합니다.
루트 크기를 정하고 첫 값을 입력한 다음, 결과를 스타일시트에 그대로 붙여넣으세요.
Terms of Use (EULA): https://web-levi.web.app/terms
Privacy Policy: https://web-levi.web.app/privacy-policy
문의: tphuc.work@gmail.com
평가 및 리뷰
- 이 앱은 개요를 표시할 만큼 충분한 리뷰 또는 평가를 받지 않았습니다.
버그 수정 및 성능 개선.
구독
앱 내 구입
Phuc Pham 개발자가 아래 설명된 데이터 처리 방식이 앱의 개인정보 처리방침에 포함되어 있을 수 있다고 표시했습니다. 자세한 내용은 개발자의 개인정보 처리방침 을 참조하십시오.
데이터가 수집되지 않음
개발자가 이 앱에서 데이터를 수집하지 않습니다.
손쉬운 사용
개발자가 이 앱이 지원하는 손쉬운 사용 기능을 아직 등록하지 않았습니다. 더 알아보기
정보
- 제공자
- Phuc Pham
- 크기
- 4.4 MB
- 카테고리
- 그래픽 및 디자인
- 호환성
iOS 17.0 이상 필요
- iPhone
iOS 17.0 이상 필요 - Mac
macOS 14.0 이상 및 Apple M1 칩 이상이 탑재된 Mac이 필요 - Apple Vision
visionOS 1.0 이상 필요
- iPhone
- 언어
- 영어
- 연령 등급
전체
- 전체
- 앱 내 구입
사용 가능
- 여백과 브레이크포인트 평생 ￦33,000
- 기준 글자 크기 주간 ￦3,300
- 디자인 시스템 연간 ￦17,000
- 저작권
- © 2026 Phuc Pham