생성기

생성기 — UUID 생성기, Hash ID 생성기, 더미 데이터 생성기 등 10가지 무료 온라인 도구 모음입니다. 설치나 회원가입 없이 브라우저에서 바로 실행되며, 입력한 데이터가 서버로 전송되지 않아 안전하고 결과를 즉시 확인해 복사할 수 있습니다. 개발 중 자주 쓰는 작업을 여러 사이트를 오갈 필요 없이 한 페이지에서 빠르게 끝낼 수 있습니다.

10개 도구

UUID 생성기UUID v1, v4, v7을 생성하고 벌크 생성과 유효성 검증을 지원하는 무료 온라인 도구입니다. crypto.getRandomValues()로 브라우저에서 안전하게 최대 1,000개를 만들고 v7에서는 생성 시각도 추출할 수 있습니다. 테스트·개발에 필요한 값을 즉석에서 만들어야 할 때 편리하며, 생성 과정이 모두 브라우저에서 실행되어 데이터가 서버로 전송되지 않고 회원가입 없이 무료로 사용할 수 있습니다.

Hash ID 생성기nanoid 스타일의 짧고 URL-safe한 랜덤 ID를 만드는 무료 도구. 길이와 알파벳을 설정해 고유 ID를 생성하고 복사합니다. 테스트·개발에 필요한 값을 즉석에서 만들어야 할 때 편리하며, 생성 과정이 모두 브라우저에서 실행되어 데이터가 서버로 전송되지 않고 회원가입 없이 무료로 사용할 수 있습니다.

더미 데이터 생성기faker.js 기반으로 이름·이메일·주소 등 더미 데이터를 JSON·CSV·SQL 형식으로 즉시 생성하는 무료 온라인 더미 데이터 생성기입니다. 테스트·개발에 필요한 값을 즉석에서 만들어야 할 때 편리하며, 생성 과정이 모두 브라우저에서 실행되어 데이터가 서버로 전송되지 않고 회원가입 없이 무료로 사용할 수 있습니다.

QR 코드 생성기텍스트나 URL을 QR 코드 이미지로 변환하고 크기·오류 정정 레벨·전경색·배경색을 조정해 PNG로 내려받는 무료 온라인 QR 코드 생성 도구입니다. 테스트·개발에 필요한 값을 즉석에서 만들어야 할 때 편리하며, 생성 과정이 모두 브라우저에서 실행되어 데이터가 서버로 전송되지 않고 회원가입 없이 무료로 사용할 수 있습니다.

Favicon 생성기텍스트, 이모지, 색상으로 파비콘을 만드는 무료 도구. 폰트와 배경, 모양을 골라 여러 크기의 PNG 아이콘을 다운로드하세요. 테스트·개발에 필요한 값을 즉석에서 만들어야 할 때 편리하며, 생성 과정이 모두 브라우저에서 실행되어 데이터가 서버로 전송되지 않고 회원가입 없이 무료로 사용할 수 있습니다.

SVG 물결선 생성기시각적 에디터로 SVG 물결선을 만들고 CSS 및 SVG 코드를 복사하는 무료 온라인 도구입니다. 진폭, 색상, 레이어를 조절하고 프리셋을 적용해 웹 배경용 물결을 빠르게 생성할 수 있습니다. 테스트·개발에 필요한 값을 즉석에서 만들어야 할 때 편리하며, 생성 과정이 모두 브라우저에서 실행되어 데이터가 서버로 전송되지 않고 회원가입 없이 무료로 사용할 수 있습니다.

CSS 그라디언트 생성기linear, radial, conic CSS 그라디언트를 비주얼 에디터로 만들고 색상 정지점과 각도를 조정해 CSS 코드를 복사하는 무료 도구. 테스트·개발에 필요한 값을 즉석에서 만들어야 할 때 편리하며, 생성 과정이 모두 브라우저에서 실행되어 데이터가 서버로 전송되지 않고 회원가입 없이 무료로 사용할 수 있습니다.

CSS 박스 섀도우 생성기오프셋·블러·확산·색상·내부 그림자 옵션을 조절하며 box-shadow를 실시간 미리보기하고, 완성된 CSS 코드를 복사하는 무료 온라인 생성 도구. 테스트·개발에 필요한 값을 즉석에서 만들어야 할 때 편리하며, 생성 과정이 모두 브라우저에서 실행되어 데이터가 서버로 전송되지 않고 회원가입 없이 무료로 사용할 수 있습니다.

CSS 보더 레디우스 생성기8개 모서리 값을 슬라이더와 핸들로 조절하며 border-radius 모양을 실시간 미리보기하고, 완성된 CSS 코드를 복사하는 무료 온라인 생성 도구. 테스트·개발에 필요한 값을 즉석에서 만들어야 할 때 편리하며, 생성 과정이 모두 브라우저에서 실행되어 데이터가 서버로 전송되지 않고 회원가입 없이 무료로 사용할 수 있습니다.

CSS 플렉스박스 생성기justify-content·align-items·flex-direction 등 속성을 조절해 Flexbox 레이아웃을 실시간 미리보기하고 CSS 코드를 복사하는 무료 온라인 도구. 테스트·개발에 필요한 값을 즉석에서 만들어야 할 때 편리하며, 생성 과정이 모두 브라우저에서 실행되어 데이터가 서버로 전송되지 않고 회원가입 없이 무료로 사용할 수 있습니다.

사용 방법

1
시각 컨트롤을 조절한다— 그라디언트·박스 섀도·모서리 반경·플렉스박스를 슬라이더와 핸들로 조절하면 미리보기가 즉시 갱신되어 값을 눈으로 맞출 수 있습니다.
2
생성된 코드를 복사한다— 각 생성기가 CSS를 직접 써 주므로 스타일시트에 그대로 붙여 넣으면 되고, QR 코드·파비콘·SVG 웨이브 생성기는 프로젝트에 넣을 파일로 내보냅니다.
3
식별자와 테스트 데이터를 한 번에 만든다— UUID나 짧은 해시 ID를 한 번에 여러 개 뽑고, 테스트용 표를 채울 더미 레코드를 JSON이나 CSV로 만들어 냅니다.

자주 묻는 질문

기본 키로 쓸 값이라면 v7입니다. 앞부분이 밀리초 타임스탬프라서 새 행이 B-트리 인덱스에서 서로 가까이 쌓이고, v4처럼 페이지가 흩어지지 않습니다. 반대로 생성 시각이 드러나면 안 되는 공개 공유 토큰 같은 용도에는 v4를 쓰세요.

네. 둘 다 Math.random() 이 아니라 브라우저의 암호학적 난수 생성기인 crypto.getRandomValues() 를 씁니다. 비밀번호 생성기는 엔트로피를 비트 단위로 함께 보여 주므로, 선택한 길이와 문자 집합이 실제로 충분히 강한지 눈으로 확인할 수 있습니다.

됩니다. 그라디언트·박스 섀도우·보더 radius·플렉스박스 생성기는 실시간 미리보기와 함께 표준 CSS를 출력하며, 여기서 다루는 속성들은 최신 브라우저에서 벤더 프리픽스가 필요 없습니다. SVG 웨이브 생성기는 배경으로 쓰는 데 필요한 SVG 마크업과 CSS를 함께 내줍니다.