단위와 포맷, 검색 없이 바로
px을 rem으로, CSV를 JSON으로, 글자수를 공백 포함·제외로. 개발하고 디자인하다 매번 검색하게 되는 변환을 한곳에 모았습니다. 설치도, 로그인도 필요 없습니다.
디자인 · CSS
단위·비율·색상처럼 화면을 만들 때 매번 계산하게 되는 값들
PX ↔ REM
루트 폰트 크기 기준으로 px와 rem을 양방향 변환
화면비 계산기
16:9 같은 비율을 유지하며 나머지 한 변을 계산
색상 변환기
HEX·RGB·HSL을 서로 변환하고 대비를 확인
Tailwind 임의값
CSS 선언을 Tailwind 클래스로 바꿔서 복사
각도 변환
도·라디안·grad·turn을 동시에, 정규화와 π 배수까지
색 대비 검사
글자색·배경색의 명도대비를 재고 AA·AAA 통과 여부를 확인
pt ↔ px 단위
포인트·픽셀·mm·pica·인치를 한 번에, 96dpi 기준
텍스트 · 웹
글자수·표기법·인코딩까지, 글과 주소를 다룰 때 쓰는 도구
글자수 세기
공백 포함/제외, 바이트, 단어, 줄 수를 동시에
케이스 변환
변수 표기법을 한 번에 전부 변환
URL 인코딩
퍼센트 인코딩을 양방향으로, 쿼리는 표로
HTML 엔티티
< > & 를 엔티티로, 엔티티를 문자로 양방향 변환
아스키코드
문자를 아스키코드로, 코드를 문자로 — 10·16·2·8진 동시에
유니코드 이스케이프
문자를 \uAC00·U+AC00·\u{1F600} 로, 이스케이프를 문자로
로마숫자
숫자를 로마숫자로, 로마숫자를 숫자로 — 표준 1~3999
전각 ↔ 반각
Ａ１！ 전각을 A1! 반각으로 — 눈에 안 보이는 전각 공백까지
데이터 · 포맷
CSV·JSON·Base64를 서로 오가며 확인하고 정리하는 변환기
CSV ↔ JSON
CSV를 JSON으로, JSON을 CSV로 양방향 변환
JSON 포맷터
JSON을 정렬하고, 배열은 표로 확인
Base64
텍스트와 Base64를 양방향으로, URL-safe 지원
JWT 디코더
header·payload·서명을 나눠서 보고, 만료 시각을 확인
JSON ↔ YAML
JSON을 YAML로, YAML을 JSON으로 양방향 변환
이미지 → Base64
이미지를 data URI로, Base64를 이미지로 — 미리보기·크기 비교
XML ↔ JSON
XML을 JSON으로, JSON을 XML로 — 속성·반복 규칙 명시
개발자 도구
타임스탬프·용량 단위처럼 로그와 스펙에서 마주치는 값들
타임스탬프
타임스탬프와 날짜를 양방향으로, KST·UTC 동시에
용량 단위
1000과 1024를 나란히 놓고 비교
진법 변환
한 값을 2·8·10·16진으로 동시에, 음수는 2의 보수로
Cron 표현식
cron 을 한국어로 풀고, 다음 실행 시각을 확인
chmod 계산기
체크박스로 권한을 만들고 8진수·심볼릭을 동시에
시간 길이
초·밀리초를 시:분:초로, 시:분:초를 초로 양방향
해시 생성
텍스트를 MD5·SHA 해시로, 다섯 알고리즘을 한 번에
JSON → 타입
JSON을 붙여넣으면 TypeScript interface를 자동 생성
생활 · 단위
부동산 평수, 계약서 금액처럼 실생활 문서에서 매일 마주치는 단위
평수 변환
평과 ㎡를 양방향으로, 흔한 아파트 크기 표까지
숫자 → 한글
숫자를 한글·갖은자 금액 표기로, 계약서 형식까지
만나이 계산
생년월일로 만나이·세는나이·연나이를 한 번에
온도 변환
섭씨·화씨·켈빈을 동시에, 절대영도까지 짚어 주는
길이 변환
인치·cm·피트·야드·마일을 한 번에, TV 인치 함정까지
근·돈·냥
돈·냥·근·관을 그램으로, 근이 왜 두 값인지까지
D-day 계산
목표일까지 남은 일수, 두 날짜 사이 일수, N일 후 날짜를 계산
대출 이자 계산
원리금균등·원금균등·만기일시 월 상환액과 총이자를 비교
왜 변환기를 따로 모았나
개발과 디자인 작업 중에 마주치는 변환은 대부분 5초짜리 일입니다. px을 16으로 나누고, 색상 코드를 RGB로 바꾸고, 글자수가 500자를 넘었는지 확인합니다. 계산 자체는 어렵지 않은데, 그때마다 검색하고 광고를 지나 아무 사이트나 열어서 값을 넣는 것이 일을 끊습니다.
그리고 그런 사이트들은 대개 입력한 값을 서버로 보냅니다. 대부분은 문제가 없지만, 사내 API 응답을 JSON 포맷터에 붙여넣거나 고객 데이터가 든 CSV를 변환기에 넣는 순간 이야기가 달라집니다.
여기 있는 도구는 전부 브라우저 안에서 계산됩니다. 변환 로직은 자바스크립트 함수이고, 네트워크로 나가는 값이 없습니다. 페이지를 열어 둔 채 인터넷을 끊어도 그대로 동작합니다. 서버가 값을 받지 않으니 로그인도, 저장도, 사용량 제한도 없습니다.
답이 맞는 것이 유일한 기능이다
변환기의 가치는 오직 하나, 결과가 정확한 것입니다. 그래서 눈에 안 보이는 곳에 신경을 썼습니다. CSV 파서는 따옴표 안의 쉼표와 줄바꿈을 제대로 처리하고, Base64는 한글을 UTF-8로 정확히 인코딩하며, 타임스탬프는 초와 밀리초를 자동으로 구분합니다.
이런 것들은 대충 만들면 대충 동작하는 것처럼 보이다가 특정 입력에서 조용히 틀립니다. 그래서 각 변환 로직은 순수 함수로 분리하고 경계값을 테스트로 고정해 두었습니다 — 빈 입력과 0을 구분하는지, 음수를 처리하는지, 왕복 변환이 원래 값으로 돌아오는지.