개발·디자인 도구

지금 필요한 도구를 검색해 보세요.

무료 도구 18개

18개 도구

76 / 개발·디자인

JSON 정렬·검증기

JSON 문법을 검사하고 들여쓰기 또는 압축 형식으로 정리합니다.

계산 시작하기
77 / 개발·디자인

JSON→CSV 변환기

객체 배열을 열 이름이 있는 CSV 표로 변환합니다.

계산 시작하기
78 / 개발·디자인

CSV→JSON 변환기

첫 줄 헤더를 키로 사용해 CSV를 JSON 객체 배열로 변환합니다.

계산 시작하기
79 / 개발·디자인

Base64 인코딩·디코딩

UTF-8 텍스트를 표준 Base64로 변환하거나 원문으로 복원합니다.

계산 시작하기
80 / 개발·디자인

URL 인코딩·디코딩

URL 구성 요소의 특수문자를 퍼센트 인코딩하거나 복원합니다.

계산 시작하기
81 / 개발·디자인

HTML 특수문자 변환

HTML에서 특별한 의미를 가진 다섯 문자를 엔티티로 변환하거나 복원합니다.

계산 시작하기
82 / 개발·디자인

유니코드 이스케이프 변환

문자열을 UTF-16 \uXXXX 표현으로 바꾸거나 복원합니다.

계산 시작하기
83 / 개발·디자인

텍스트·16진수 변환

텍스트의 UTF-8 바이트를 16진수로 표시하거나 텍스트로 복원합니다.

계산 시작하기
84 / 개발·디자인

진법 변환기

정수를 2·8·10·16진수 표현으로 변환합니다.

계산 시작하기
85 / 개발·디자인

HEX·RGB·HSL 변환기

6자리 HEX 색상을 RGB와 HSL로 변환합니다.

계산 시작하기
86 / 개발·디자인

색상 대비 검사기

두 HEX 색상의 WCAG 대비율과 AA·AAA 텍스트 기준을 확인합니다.

계산 시작하기
87 / 개발·디자인

CSS 그라데이션 생성기

두 색상과 각도로 CSS 선형 그라데이션 코드를 만듭니다.

계산 시작하기
88 / 개발·디자인

CSS 그림자 생성기

가로·세로 이동량과 흐림·확장값으로 box-shadow 코드를 생성합니다.

계산 시작하기
89 / 개발·디자인

화면비 크기 계산기

원본 가로·세로 비율을 유지하는 새 높이를 계산합니다.

계산 시작하기
90 / 개발·디자인

화면 PPI 계산기

픽셀 해상도와 대각선 인치로 화면의 픽셀 밀도를 계산합니다.

계산 시작하기
91 / 개발·디자인

반응형 CSS clamp 생성기

두 화면 너비에서의 글꼴 크기를 기준으로 유동 크기 CSS를 생성합니다.

계산 시작하기
92 / 개발·디자인

쿼리 문자열 분석기

URL 쿼리의 키와 값을 디코딩하고 중복 키를 배열로 확인합니다.

계산 시작하기
93 / 개발·디자인

URL 구조 분석기

웹 주소를 프로토콜·호스트·포트·경로·쿼리·해시로 분해합니다.

계산 시작하기