도구
QR·비밀번호·색상·게임까지 — 설치 없이 브라우저에서 바로 쓰는 무료 도구.
🎨디자인 & 미디어20
🎨
컬러 픽커 & 팔레트
색상을 고르고 HEX·RGB·HSL 값과 어울리는 팔레트를 확인합니다.
🎨 디자인 & 미디어NEW
📝
더미 텍스트 생성기
디자인 시안용 로렘입숨/한글 더미 텍스트를 생성합니다.
🎨 디자인 & 미디어
🌈
CSS 그라데이션 생성기
색상과 각도를 골라 CSS 그라데이션 코드를 만듭니다.
🎨 디자인 & 미디어NEW
🌗
색상 대비 검사기
전경·배경 색상의 명도 대비(WCAG)와 접근성 등급을 확인합니다.
🎨 디자인 & 미디어
🖼️
이미지 리사이저
이미지를 업로드해 원하는 크기로 줄이고 내려받습니다 (브라우저 처리).
🎨 디자인 & 미디어인기
🖌️
색상 코드 변환기
HEX·RGB·HSL 색상 코드를 상호 변환합니다.
🎨 디자인 & 미디어
🖥️
화면 비율 계산기
가로세로 비율을 유지하며 크기를 계산합니다.
🎨 디자인 & 미디어
🗜️
이미지 압축
이미지 품질을 조절해 용량을 줄입니다 (브라우저 처리).
🎨 디자인 & 미디어인기
✂️
이미지 자르기
이미지를 원하는 영역·비율로 잘라냅니다.
🎨 디자인 & 미디어
🔃
이미지 회전·반전
이미지를 90도 회전하거나 좌우·상하 반전합니다.
🎨 디자인 & 미디어
🌅
이미지 형식 변환
이미지를 PNG·JPG·WebP 형식으로 변환합니다.
🎨 디자인 & 미디어
🎞️
이미지 필터
흑백·세피아·반전·블러 등 필터를 적용합니다.
🎨 디자인 & 미디어
🖍️
이미지 색상 추출
이미지에서 대표 색상 팔레트를 뽑아냅니다.
🎨 디자인 & 미디어
🔏
이미지 워터마크
이미지에 텍스트 워터마크를 추가합니다.
🎨 디자인 & 미디어
🟦
이미지 모자이크
이미지를 픽셀화(모자이크)해 가립니다.
🎨 디자인 & 미디어
🌑
CSS 그림자 생성기
box-shadow 값을 시각적으로 만들고 코드를 복사합니다.
🎨 디자인 & 미디어
🔲
CSS 둥근모서리 생성기
border-radius 값을 조절해 CSS 코드를 만듭니다.
🎨 디자인 & 미디어
🎨
색상 팔레트 생성기
조화로운 색상 팔레트를 무작위·규칙으로 생성합니다.
🎨 디자인 & 미디어
🟨
플레이스홀더 이미지
지정 크기·색상의 자리표시 이미지를 만들어 내려받습니다.
🎨 디자인 & 미디어
🫥
이모지 파비콘 생성
이모지로 파비콘(PNG)을 만들어 내려받습니다.
🎨 디자인 & 미디어