CSS는 px, pt 같은 절대 단위와 rem, em, vw, vh, % 같은 상대 단위 등 여러 크기 단위를 지원합니다. 상대 단위는 반응형이고 접근성 있는 디자인에 필수적이지만(특히 rem은 사용자의 브라우저 글꼴 크기 설정을 존중합니다), 결과가 루트 글꼴 크기, 현재 요소의 글꼴 크기, 또는 뷰포트 크기 같은 맥락에 따라 달라지기 때문에 머릿속으로 변환하기가 정말 어렵습니다.
이 변환기는 그 계산을 대신 해줍니다: 기준 글꼴 크기, 뷰포트 크기, 변환할 값을 설정하면 다른 모든 단위로의 동등한 값을 즉시 확인할 수 있습니다 — 디자인 시안의 픽셀 측정값을 반응형 rem/vw 값으로 옮기거나, 기존 CSS 규칙이 화면에서 실제로 어떻게 렌더링되는지 다시 확인할 때 유용합니다.
