7개 분야로 나눠 정리했습니다. 아래에서 필요한 분야로 바로 이동하세요.
IT, 테크 및 디자인 계산기
색상 코드, 비밀번호·해시, QR·바코드, JSON·YAML 검사, IP 서브넷, 인코딩처럼 개발과 디자인 도구를 모았습니다.
IT, 테크 및 디자인 계산기 목록
텍스트·인코딩
텍스트 글자 수 및 바이트(Byte) 세기
텍스트의 글자 수, 공백 제외 글자 수, UTF-8 바이트 수를 셉니다.
영문 대소문자 변환기영문 문자열을 대문자, 소문자, Title Case, snake_case, camelCase 등으로 변환합니다.
Base64 변환기텍스트를 Base64로 인코딩하거나 디코딩합니다.
URL 인코더 / 디코더문자열을 URL 인코딩하거나 디코딩합니다.
워드 클라우드 생성기긴 원문에서 자주 등장하는 단어를 추출해 SVG 워드 클라우드를 생성합니다.
출처 생성기제목, 저자, 연도, URL을 입력하면 참고문헌 형식으로 정리합니다.
보안·생성기
데이터 형식 검사·변환
JSON 유효성 검사기
JSON 문법을 검사하고 구조와 정리된 출력 결과를 함께 보여줍니다.
YAML 유효성 검사기YAML 문법을 검사하고 구조와 정리된 출력 결과를 함께 보여줍니다.
XML 유효성 검사기XML 문자열이 문법적으로 올바른지 검사하고 루트 요소와 구조 정보를 보여줍니다.
XML JSON YAML 변환기JSON, YAML, XML 사이를 상호 변환합니다.
YAML/JSON/TOML 변환기JSON, YAML, TOML 데이터를 서로 변환하고 루트 구조와 출력 길이를 함께 확인합니다.
정규 표현식 테스트 툴정규 표현식 패턴과 플래그를 적용해 텍스트 매치 결과를 미리 확인합니다.
그래프 생성기 (파이/막대/레이더)라벨과 값 목록으로 바 차트, 파이 차트, 레이더 차트를 SVG로 생성합니다.
색상·CSS
색상 코드 변환기 (HEX·RGB·HSL·CMYK)
HEX, RGB, HSL 색상 값을 서로 변환하고 인쇄용 CMYK 근사값과 흰색·검정 배경 대비까지 함께 보여 줍니다.
색상 선택 도구 (컬러 피커)HEX 색상을 입력하면 RGB/HSL, 대비, 보색 팔레트를 함께 분석합니다.
컬러 팔레트 생성기기준 색상으로 보색, 유사색, 삼각 배색, 단색 팔레트를 생성합니다.
그래디언트 생성기linear, radial, conic CSS 그래디언트 코드를 생성합니다.
Tailwind CSS 색상 생성기기준 색상으로 Tailwind CSS 50~950 shade 스케일을 생성합니다.
CSS 플렉스박스 생성기Flexbox 컨테이너의 direction, wrap, justify, align, gap CSS를 생성합니다.
CSS 애니메이션 생성기CSS animation shorthand와 @keyframes 코드를 생성합니다.
vw 계산기 (px ↔ vw 변환)px와 vw를 뷰포트 기준으로 상호 변환합니다.