본문으로 건너뛰기
Uddatak

CSS 보더 래디우스 생성기

미리보기 박스에서 각 모서리를 실시간 슬라이더로 개별 조정해 은은하게 둥근 모서리부터 유기적인 비대칭 블롭 모양까지 디자인한 다음, 정확한 border-radius CSS 값을 복사하세요.

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

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

CSS 코드

border-radius: 16px;

다음으로 사용하기

완전 로컬

CSS 박스 섀도우 생성기

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

디자인·CSS 도구도구 열기
완전 로컬

CSS 그라디언트 생성기

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

디자인·CSS 도구도구 열기
완전 로컬

PX to REM 변환기

사용자 지정 루트 폰트 크기를 기준으로 픽셀과 rem 단위를 서로 변환하세요.

디자인·CSS 도구도구 열기

관련 도구

완전 로컬

PX to REM 변환기

사용자 지정 루트 폰트 크기를 기준으로 픽셀과 rem 단위를 서로 변환하세요.

디자인·CSS 도구도구 열기
완전 로컬

컬러 팔레트 추출기

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

디자인·CSS 도구도구 열기
완전 로컬

코드 스크린샷 생성기

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

디자인·CSS 도구도구 열기
완전 로컬

색맹 시뮬레이터

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

디자인·CSS 도구도구 열기
완전 로컬

CSS 클립 패스 생성기

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

디자인·CSS 도구도구 열기

Uddatak를 사용해 보시겠어요?

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

모든 도구 보기