디자인 도구
화면에서 색상을 추출하고, CSS 그레이디언트를 만들고, QR 코드와 바코드를 생성하고, SVG를 미리보고, 불량 화소를 확인하고, 깔끔한 단색 배경을 찾으세요. 무거운 디자인 툴을 실행할 필요가 없습니다.
디자인 도구
색상 선택기
온라인 색상 선택 도구로 HEX, RGB, HSL 포맷 상호 변환을 지원합니다. 팔레트를 생성하고 웹사이트 색상을 가져와 디자인 효율성을 높입니다.
그라데이션 생성기
온라인 CSS 그라데이션 생성 도구로 선형 그라데이션, 방사형 그라데이션 배경을 생성합니다. 색상을 시각적으로 조정하고 원클릭으로 CSS 코드를 복사합니다.
QR 코드 생성기
온라인 QR 코드 생성 도구로 텍스트, URL, 명함 등 유형을 지원합니다. 스타일, 색상, 크기를 사용자 정의하고 원클릭으로 고화질 이미지를 다운로드합니다.
바코드 생성기
온라인 바코드 생성기. CODE128, EAN13, EAN8, UPC, CODE39, ITF14 형식 지원. 색상과 크기를 사용자 정의하고 PNG 또는 SVG 형식으로 바코드를 생성하고 다운로드하세요.
화면 감지
온라인 화면 감지 도구로 데드 픽셀, 밝은 픽셀, 빛샘 문제를 감지합니다. 다양한 순수 색상 테스트, 대비 테스트로 모니터 품질을 평가합니다.
단색 배경 생성기
온라인으로 단색 배경 이미지를 생성하세요. 색상과 크기를 프리셋(1080p, 2K, 4K)으로 커스터마이즈하고 PNG/JPG로 다운로드. 브라우저 기반, 프라이버시 보호.
SVG 뷰어
실시간 미리보기 기능이 있는 온라인 SVG 뷰어 및 편집기. SVG 코드를 편집하고 변경 사항을 즉시 미리보며 SVG 파일을 다운로드하세요. 프론트엔드 개발자와 디자이너 필수 도구.
폰트 미리보기
이 기기에 설치된 모든 폰트로 텍스트를 미리 보거나 TTF·OTF·WOFF·WOFF2 파일을 업로드하세요. 크기·두께·자간·행간·색상을 조절한 뒤 CSS를 복사하면 됩니다. 모든 과정은 브라우저에서만 처리됩니다.
이 카테고리로 할 수 있는 일
디자인 도구는 색상, 그라데이션, QR 코드, 바코드, 화면 테스트, 단색, SVG 미리보기와 같은 시각적 자산을 만들고 검사하는 데 도움을 줍니다. UI 작업, 인쇄 인계, 디스플레이 점검을 대상으로 하며 비트맵 압축이나 오피스 문서 변환이 아닙니다.
대부분의 도구는 가능한 경우 브라우저에서 입력을 처리합니다. 파일, 토큰, 문서, 네트워크 점검 시에는 선택한 도구의 처리 방식을 먼저 확인하세요.
주요 활용 사례
- UI 자산을 준비하면서 색상을 선택하고, 그라데이션을 만들고, 단색을 표시합니다.
- 라벨, 포스터, 테스트 데이터, 인계 자료용으로 QR 코드나 바코드를 생성합니다.
- SVG 마크업을 미리보고 데드 픽셀, 색상 블록, 균일성에 대한 화면 테스트를 실행합니다.
자주 묻는 질문
다른 화면에서 색상이 다르게 보이는 이유는 무엇인가요?
보정, 색상 프로필, 밝기, 패널 유형이 모두 인식되는 색상에 영향을 미칩니다.
QR 코드를 인쇄하기 전에 무엇을 확인해야 하나요?
최종 크기, 대비, 여백 영역, 재질을 테스트하세요. 왜곡되면 스캔이 불안정해질 수 있습니다.
SVG 파일이 항상 미리보기해도 안전한가요?
알 수 없는 SVG는 신뢰할 수 없는 것으로 취급하세요. SVG는 렌더링 방식에 따라 활성 콘텐츠를 포함할 수 있습니다.
생성된 그라데이션을 CSS로 복사할 수 있나요?
보통 가능하지만, 오래된 브라우저 지원이나 프로젝트별 구문에 조정이 필요할 수 있습니다.
관련 카테고리
이미지
너무 큰 사진을 화질 손상 없이 압축하고, PNG·JPEG·WebP를 일괄 상호 변환하고, 텍스트 워터마크를 추가하고, 흑백으로 변환하고, 증명사진을 만들고, 화면을 녹화하세요. 브라우저 안에서 동작하는 도구(워터마크, 흑백 변환, Base64)와 서버 기반 변환(형식 변환, 압축)이 함께 제공되며, 업로드된 파일은 처리 직후 삭제됩니다.
하드웨어
키가 안 눌리나요? 불량 화소가 보이나요? 마이크가 소리를 안 받나요? 새로 사기 전에 빠르게 점검하세요. 모든 키 입력을 테스트하고, 화면 주사율을 확인하고, 카메라와 마이크 작동을 검증하고, 데시벨 미터로 주변 소음을 측정합니다.
개발 도구
개발자의 하루를 조금씩 깎아먹는 자잘한 작업들: HTTP 상태 코드 확인, UUID 생성, Cron 표현식 작성, MIME 타입 검색, User-Agent 파싱, JSON에서 TypeScript 타입 생성. 이 페이지를 북마크해 두면 문서를 뒤지는 것보다 훨씬 빠릅니다.
