1536px 기준 PX → VW 변환표
데스크톱 시안 · 1920 모니터를 윈도우 125% 배율로 볼 때의 실제 CSS 너비입니다. 아래 계산기로 바로 변환하거나 표에서 값을 찾아보세요.
시안(아트보드) 너비
px
vw
1536px 기준 px → vw 변환표
공식: vw = px ÷ 1536 × 100 · 1px = 0.0651vw · 1vw = 15.36px
| px | vw |
|---|---|
| 1px | 0.065vw |
| 2px | 0.13vw |
| 4px | 0.26vw |
| 6px | 0.391vw |
| 8px | 0.521vw |
| 10px | 0.651vw |
| 12px | 0.781vw |
| 13px | 0.846vw |
| 14px | 0.911vw |
| 15px | 0.977vw |
| 16px | 1.042vw |
| 17px | 1.107vw |
| 18px | 1.172vw |
| 20px | 1.302vw |
| 22px | 1.432vw |
| 24px | 1.563vw |
| 26px | 1.693vw |
| 28px | 1.823vw |
| px | vw |
|---|---|
| 30px | 1.953vw |
| 32px | 2.083vw |
| 36px | 2.344vw |
| 40px | 2.604vw |
| 44px | 2.865vw |
| 48px | 3.125vw |
| 50px | 3.255vw |
| 56px | 3.646vw |
| 60px | 3.906vw |
| 64px | 4.167vw |
| 72px | 4.688vw |
| 80px | 5.208vw |
| 90px | 5.859vw |
| 96px | 6.25vw |
| 100px | 6.51vw |
| 120px | 7.813vw |
| 140px | 9.115vw |
| 160px | 10.417vw |
| px | vw |
|---|---|
| 180px | 11.719vw |
| 200px | 13.021vw |
| 240px | 15.625vw |
| 280px | 18.229vw |
| 300px | 19.531vw |
| 320px | 20.833vw |
| 360px | 23.438vw |
| 400px | 26.042vw |
| 480px | 31.25vw |
| 500px | 32.552vw |
| 600px | 39.063vw |
| 640px | 41.667vw |
| 720px | 46.875vw |
| 800px | 52.083vw |
| 960px | 62.5vw |
| 1000px | 65.104vw |
| 1200px | 78.125vw |
CSS 일괄 변환
CSS를 붙여넣으면 모든 값이 바로 변환됩니다. @media 조건은 그대로 둡니다.
SCSS · CSS로 직접 계산하기
기준 너비가 반영된 함수입니다. 프로젝트에 붙여넣어 쓰세요.
SCSS
CSS
1536px 기준 vw → px 역변환표
| vw | px |
|---|---|
| 0.1vw | 1.54px |
| 0.25vw | 3.84px |
| 0.5vw | 7.68px |
| 0.75vw | 11.52px |
| 1vw | 15.36px |
| 1.25vw | 19.2px |
| 1.5vw | 23.04px |
| 2vw | 30.72px |
| 2.5vw | 38.4px |
| vw | px |
|---|---|
| 3vw | 46.08px |
| 4vw | 61.44px |
| 5vw | 76.8px |
| 6vw | 92.16px |
| 7.5vw | 115.2px |
| 8vw | 122.88px |
| 10vw | 153.6px |
| 12.5vw | 192px |
| vw | px |
|---|---|
| 15vw | 230.4px |
| 20vw | 307.2px |
| 25vw | 384px |
| 30vw | 460.8px |
| 40vw | 614.4px |
| 50vw | 768px |
| 75vw | 1152px |
| 100vw | 1536px |
다른 화면에서는 어떻게 보일까?
1536px 시안에서 변환한 vw 값이 실제 화면 너비에 따라 몇 px로 보이는지 비교한 표입니다.
| 시안 값 | vw | 1280px 화면 | 1440px 화면 | 1920px 화면 |
|---|---|---|---|---|
| 12px | 0.781vw | 10px | 11.3px | 15px |
| 14px | 0.911vw | 11.7px | 13.1px | 17.5px |
| 16px | 1.042vw | 13.3px | 15px | 20px |
| 20px | 1.302vw | 16.7px | 18.8px | 25px |
| 24px | 1.563vw | 20px | 22.5px | 30px |
| 32px | 2.083vw | 26.7px | 30px | 40px |
| 48px | 3.125vw | 40px | 45px | 60px |
| 64px | 4.167vw | 53.3px | 60px | 80px |
자주 묻는 질문
1536px 기준으로 16px는 몇 vw인가요?
(16 ÷ 1536) × 100 = 1.0417vw입니다. 소수점 둘째 자리까지 쓰면 1.04vw입니다.
1536px 기준 1vw는 몇 px인가요?
1536px 화면에서 1vw는 화면 너비의 1%인 15.36px입니다. 반대로 1px은 0.0651vw입니다.
1536px 시안을 vw로 바꾸면 다른 화면에서는 어떻게 보이나요?
vw는 화면 너비에 비례하므로, 1536px 시안의 24px(1.563vw)는 1280px 화면에서 20px, 1440px 화면에서 22.5px, 1920px 화면에서 30px로 보입니다. 너무 작아지거나 커지지 않도록 clamp()로 최소·최대 크기를 함께 지정하는 것이 좋습니다.