생성기 및 디자인

37 도구 · 무료 온라인 도구

• 색상 도구

  색상 형식 변환 및 팔레트 생성.

• CSS 그라데이션 생성기

  실시간 미리보기로 CSS 그라데이션 생성.

• QR 코드 생성기

  텍스트나 URL에서 QR 코드 생성.

• ASCII 아트 생성기

  텍스트를 ASCII 아트로 변환.

• 토큰 추정기

  텍스트의 LLM 토큰 수 추정.

• WiFi QR 코드 생성기

  WiFi 네트워크에 연결하기 위한 QR 코드 생성.

• Lorem Ipsum 생성기

  Lorem Ipsum 자리 표시자 텍스트 생성.

• 색상 음영

  모든 색상의 밝은 톤과 어두운 색조를 생성합니다.

• UUID v7 생성기

  시간 정렬 UUID 버전 7 (RFC 9562) 식별자 생성.

• PEM 인증서 파서

  PEM 형식에서 X.509 인증서 파싱 및 필드 검사.

• 바코드 생성기

  CODE128/EAN/UPC 바코드를 PNG/SVG로 생성.

• Data Matrix 코드 생성기

  Data Matrix 2D 코드 생성 (사각 점 격자).

• Aztec 코드 생성기

  Aztec 2D 코드 생성, 티켓에 자주 사용.

• PDF417 바코드 생성기

  대용량 데이터 용량의 PDF417 적층 바코드 생성.

• 색상 팔레트 생성기

  시드 색상에서 보색/유사색/3색 조합 팔레트 생성.

• CSS Box Shadow 생성기

  실시간 미리보기로 box-shadow CSS 시각적 생성.

• CSS Border Radius 생성기

  네 모서리 반경을 시각적으로 조정하고 CSS 생성.

• Flexbox 생성기

  flexbox 레이아웃 CSS 시각적 생성.

• CSS Grid 생성기

  드래그하여 grid-template 레이아웃 CSS 생성.

• CSS Transform 생성기

  translate/rotate/scale/skew 시각적 생성.

• CSS 애니메이션 생성기

  키프레임을 시각적으로 편집하고 @keyframes 생성.

• CSS Text Shadow 생성기

  다중 레이어 text-shadow CSS 생성.

• 플레이스홀더 이미지 생성기

  사용자 지정 크기/색상/텍스트의 플레이스홀더 이미지 생성.

• 아바타 생성기

  문자열에서 identicon 기하학적 아바타 생성.

• 스트라이프 패턴 생성기

  조정 가능한 방향의 SVG/Canvas 스트라이프 패턴 생성.

• 도트 패턴 생성기

  도트 격자 배경 패턴 생성, SVG 내보내기.

• 노이즈 패턴 생성기

  Perlin/무작위 노이즈 텍스처 이미지 생성.

• 이미지에서 색상 추출

  이미지에서 주요 색상 추출하여 팔레트 생성.

• 스켈레톤 로더 생성기

  스켈레톤 화면 로딩 애니메이션 CSS 생성.

• Glassmorphism 생성기

  서리 유리 효과 CSS 생성 (흐림 + 투명도).

• Neumorphism 생성기

  뉴모픽 UI 스타일 CSS 생성.

• CSS Clip-Path 생성기

  경로를 시각적으로 그려 clip-path 생성.

• Cubic Bezier 생성기

  베지어 곡선을 시각적으로 조정하여 이징 함수 생성.

• CSS Easing 생성기

  CSS transition-timing-function 생성 및 미리보기.

• Tailwind 색상 찾기

  색상에 가장 가까운 Tailwind 색상 팔레트 클래스 찾기.

• Material 색상 선택기

  Material Design 색상 팔레트 선택기, 색상 값 출력.

• 다각형 모양 생성기

  다각형/별 SVG 및 clip-path 생성.