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