디자인 도구
10 도구 · 100% client-side · 무료, 가입 없음
색상 팔레트
이미지에서 주요 색상 추출. 클릭해 HEX 복사.
색상 변환기
HEX·RGB·HSL·CMYK 상호 변환. 형식 복사.
CSS 생성기
box-shadow·그라데이션·글래스모피즘 실시간 미리보기.
대비 검사기
WCAG 색상 대비 비율 확인. 접근 가능한 텍스트.
글래스 카드 빌더
블러·그라데이션 글래스모피즘 카드 디자인.
화면비 계산기
표준 비율에 맞는 해상도와 크기 계산.
패턴 생성기
기하학적·유기적 CSS/SVG 배경 패턴 생성.
블롭 생성기
사용자 지정 베지어 곡선으로 유기적 SVG 모양 생성.
폰트 테스트·페어링
Google Fonts 페어링·간격·스타일 미리보기.
그라데이션 생성기
실시간 미리보기로 선형·방사 그라데이션 제작. CSS 복사.