CSS 단위 변환기
px·rem·em·pt·% 를 기준 폰트 크기에 맞춰 상호 변환합니다. 반응형 타이포그래피 작업에 유용하며 모든 계산은 브라우저에서만 이루어집니다.
입력
결과
변환할 값을 입력하세요
자주 묻는 질문
rem과 em의 차이는 무엇인가요?
rem은 루트 요소(html)의 폰트 크기를, em은 부모 요소의 폰트 크기를 기준으로 합니다. 이 변환기는 입력한 기준 크기를 두 단위 모두에 적용합니다.
기준 폰트 크기는 왜 16px인가요?
대부분의 브라우저 기본 폰트 크기가 16px이기 때문입니다. html에 다른 크기를 지정했다면 그 값으로 바꿔 계산하세요.
pt는 어떤 비율로 변환되나요?
CSS 표준 비율인 1pt = 96/72px(= 4/3px)를 사용합니다. 인쇄용 스타일시트에서 주로 쓰입니다.
관련 도구
CSS 압축기
CSS에서 주석과 불필요한 공백을 제거해 파일 크기를 줄입니다. 문자열 값은 보존하며 모든 처리는 브라우저에서만 이루어집니다.
단위 변환기
길이, 무게, 데이터 용량, 온도 단위를 즉시 변환합니다.
화면 비율 계산기
너비와 높이로 16:9 같은 화면 비율을 계산하고, 비율을 유지한 새 크기도 구합니다. 영상·이미지 리사이즈에 유용하며 모든 계산은 브라우저에서만 이루어집니다.
색상 변환기
HEX, RGB, HSL 색상 코드를 상호 변환하고 미리보기로 확인합니다.
색상 셰이드 생성기
기준 색상에서 밝은 톤과 어두운 톤의 HEX 팔레트를 생성합니다. 디자인 시스템의 색 단계를 만들 때 유용하며 모든 처리는 브라우저에서만 이루어집니다.