PX to REM 변환기

루트 폰트 크기를 기준으로 픽셀 값을 rem으로(또는 반대로) 변환하세요 — 확장 가능하고 접근성 있는 CSS 단위로 작업하는 모든 프런트엔드 개발자에게 필요한 계산입니다.

디자인·CSS 도구 브라우저에서 완전히 실행

모든 계산은 사용자의 기기에서 처리되며, 서버로는 아무것도 전송되지 않습니다.

루트 글꼴 크기부모 요소의 글꼴 크기(em 기준)

px

16

rem

1

em

1

다음으로 사용하기

CSS 그라디언트 생성기

선형 또는 방사형 CSS 그라디언트를 시각적으로 만들고 코드를 복사하세요.

디자인·CSS 도구도구 열기

CSS 박스 섀도우 생성기

슬라이더로 CSS box-shadow를 시각적으로 디자인하고 생성된 코드를 복사하세요.

디자인·CSS 도구도구 열기

관련 도구

컬러 팔레트 추출기

이미지에서 가장 많이 쓰인 색상을 추출하고 HEX, RGB, CSS 코드로 확인하세요

디자인·CSS 도구도구 열기

코드 스크린샷 생성기

코드를 붙여넣으면 그라디언트 배경과 타이틀 바가 있는 세련된 이미지로 바꿔 바로 공유할 수 있습니다

디자인·CSS 도구도구 열기

색맹 시뮬레이터

적록색맹(1형·2형), 청황색맹, 전색맹 등 색각 이상이 있는 사람에게 이미지가 어떻게 보이는지 확인하세요

디자인·CSS 도구도구 열기

CSS 클립 패스 생성기

미리 만들어진 모양(원, 삼각형, 별, 말풍선...)을 선택하고 clip-path CSS 코드를 복사하세요.

디자인·CSS 도구도구 열기

큐빅 베지어 이징 생성기

두 개의 점을 드래그해 원하는 모션 이징 곡선을 시각적으로 디자인하고 cubic-bezier 코드를 복사하세요.

디자인·CSS 도구도구 열기

Uddatak를 사용해 보시겠어요?

전체 도구 라이브러리를 둘러보고 지금 필요한 것을 바로 사용해 보세요 — 무료이며 가입이 필요 없습니다.

모든 도구 보기