개발자를 위한 작업 도구
개발자 도구
JSON을 정리하고, 코드를 검증하고, 데이터 형식을 바꾸세요.
변환기
포맷을 서로 바꾸는 도구JSON FormatterJSON을 정렬·검증하고 예쁘게 포맷팅합니다.Base64 인코더 / 디코더텍스트를 Base64로 인코딩하거나 디코딩합니다.URL 인코더 / 디코더URL 컴포넌트를 안전하게 인코딩·디코딩합니다.Unix 타임스탬프 변환기Unix 타임스탬프와 사람이 읽는 날짜를 상호 변환합니다.진법 변환기2진수·8진수·10진수·16진수를 실시간으로 상호 변환합니다. 임의 2~36진법과 아주 큰 수도 지원.컬러 변환기HEX·RGB·HSL 색상값을 서로 변환합니다.대소문자 변환기영문 텍스트를 소문자·대문자 등으로 한 번에 변환합니다.모스부호 변환기한글·영문·숫자를 모스부호로 바꾸거나 되돌리고, 부호를 소리로 재생합니다. SOS 등 국제 모스부호 지원.YAML ↔ JSON 변환기YAML과 JSON을 서로 변환합니다. 들여쓰기 조정과 방향 전환을 지원합니다.이미지 → Base64이미지를 Base64 Data URI로 변환합니다. CSS·HTML·마크다운 형식으로 바로 복사할 수 있습니다.HTML 엔티티 인코더HTML에서 의미를 갖는 특수문자를 엔티티로 바꾸거나 되돌립니다. 최소 변환과 전체 변환을 고를 수 있습니다.암호화 / 복호화 유틸비밀키와 알고리즘을 골라 값을 암호화하거나 복호화하고, 설정을 URL로 공유합니다.
개발 유틸
생성·디코딩·포맷 등 개발 중 자주 쓰는 유틸정규식 테스터정규식을 입력하며 매칭 결과를 실시간으로 확인합니다.Cron 파서cron 표현식을 사람이 읽는 문장과 다음 실행시각으로 풉니다.JWT 디코더JWT를 헤더·페이로드·서명으로 분해해 보여줍니다.UUID 생성기v4 UUID를 원하는 개수만큼 생성합니다.해시 생성기텍스트의 MD5·SHA 해시를 계산합니다.비밀번호 생성기길이·문자 종류를 골라 안전한 무작위 비밀번호를 만듭니다.마크다운 미리보기마크다운을 입력하면 실시간으로 렌더 결과를 보여주고 HTML로 복사합니다.SQL 포매터한 줄로 뭉친 SQL을 들여쓰기·줄바꿈으로 보기 좋게 정렬합니다.JSON 비교두 JSON을 비교해 추가·삭제·변경된 키를 찾아줍니다. 키 순서 차이는 무시합니다.사진 EXIF 뷰어·제거사진의 촬영 정보와 GPS 위치를 확인하고, 화질 손실 없이 메타데이터를 제거합니다.크론 표현식 생성기주기를 클릭으로 고르면 crontab 표현식을 만들고 다음 실행 시각을 보여줍니다.UTM 링크 생성기URL에 utm_source·medium·campaign 등 추적 파라미터를 붙여 캠페인 링크를 만듭니다.NEW비밀번호 강도 검사기비밀번호의 강도와 예상 해독 시간을 검사합니다. 흔한 패턴·반복·순차 문자를 감지하며, 입력값은 전송되지 않습니다.NEWIP 서브넷 계산기CIDR 표기를 넣으면 네트워크 주소, 서브넷 마스크, 브로드캐스트, 사용 가능한 호스트 범위를 계산합니다.슬러그 생성기제목을 URL에 쓸 수 있는 슬러그로 바꿉니다. 한글은 로마자 변환·유지·제거 중에 고를 수 있습니다.내 IP 확인내 공인 IP 주소와 접속 국가, 브라우저 정보를 확인합니다. 같은 도메인의 Cloudflare 진단 응답으로 접속 정보를 조회합니다.XML 포매터한 줄로 뭉친 XML을 들여쓰기해 읽기 좋게 만들거나 압축합니다. 문법 오류가 있으면 위치를 알려줍니다.유튜브 링크 도구유튜브 링크를 넣으면 썸네일 5종, si 추적 제거한 깔끔한 주소, 특정 시점부터 재생되는 링크, 임베드 코드를 한 번에 만듭니다.
프론트엔드
UI·스타일 관련 도구CSS 단위 변환기px·rem·em 등 CSS 길이 단위를 상호 변환합니다.Box Shadow 생성기CSS box-shadow를 시각적으로 만들고 코드를 복사합니다.색상 팔레트 생성기기준 색에서 보색·유사색·삼각 배색과 명도 단계를 만들고 대비비를 확인합니다.색상 대비 검사기두 색의 WCAG 대비비를 계산하고 AA·AAA 접근성 기준 통과 여부를 판정합니다.CSS 그라디언트 생성기색 정지점을 끌어 그라데이션을 눈으로 맞추고 CSS를 복사합니다. 선형·원형·각도 그라디언트와 프리셋을 지원합니다.cubic-bezier 편집기제어점을 끌어 CSS 애니메이션 이징 곡선을 만듭니다. 실제 애니메이션으로 바로 확인하고 cubic-bezier 값을 복사하세요.파비콘 생성기이미지나 글자·이모지로 16·32·180·192·512px 파비콘을 만들고 내려받습니다. HTML에 붙일 코드까지 함께 제공합니다.