⌕
전체 도구 →
디자인/이미지 카테고리

디자인/이미지 도구 허브

색상 코드, 팔레트, 명도 대비, CSS 효과, 이미지 변환, 파비콘, EXIF 확인까지 — 디자인과 이미지 작업을 브라우저에서 바로 정리할 수 있도록 모았습니다.

  • 즉시 미리보기변환 결과를 바로 확인
  • 브라우저 처리업로드된 파일은 브라우저에만 저장
  • 반복 사용레퍼런스 색상에 자주 재방문
  • 무료로 사용가입/로그인 없이 바로 사용
10 디자인/이미지 도구 디자인·이미지 작업 빠르게 진행하기
자주 쓰는 작업 상황

디자인/이미지 작업, 이런 흐름에 자주 써요

색상부터 이미지 변환·EXIF까지 디자인과 이미지 작업에서 자주 만나는 흐름을 한곳에 정리했습니다.

색상 코드 변환 HEX·RGB·HSL을 빠르게 바꿔서 사용 팔레트·보색 확인 색상 조합 후보를 시각적으로 비교 접근성 명도 대비 전경·배경 색의 대비 비율을 참고용으로 확인 이미지 변환·정리 용량 줄이기·포맷 변환·파비콘·EXIF 정리
대표 도구
디자인/이미지 도구 전체 보기 →
색상 코드 변환기 HEX · RGB · HSL 등 상호 변환 팔레트·보색 찾기 팔레트와 보색을 시각적으로 비교 명도 대비 검사기 웹 접근성 대비 비율 확인 이미지 용량 줄이기 해상도·용량을 빠르게 조정 파비콘 만들기 사이트용 파비콘 빠르게 생성 이미지 색상 추출 사진의 주요 색상 팔레트 확인
전체 도구

디자인/이미지 전체 도구 목록 10개

전체 카테고리 도구 →
사용 가이드

디자인/이미지 도구 사용 가이드

  • 01
    색상값은 환경에 따라 다르게 보일 수 있음모니터·브라우저·OS 색 관리에 따라 같은 코드도 다르게 보일 수 있습니다.
  • 02
    대비 결과는 접근성 검토 참고용WCAG 비율을 기준으로 계산되며, 실제 화면에서 한 번 더 확인하기를 권장합니다.
  • 03
    이미지 변환은 브라우저 성능에 영향을 받음해상도·용량이 큰 파일은 처리 시간이 길어질 수 있습니다.
  • 04
    EXIF 정보는 포함된 메타데이터가 있을 때만 표시스크린샷 등 메타데이터가 없는 파일은 결과가 비어 있을 수 있습니다.

자주 묻는 질문

색상 코드 변환기와 색상 추출은 어떻게 다른가요?
색상 코드 변환기는 HEX/RGB/HSL 같은 코드 형식을 서로 바꿔주고, 이미지 색상 추출은 업로드한 사진에서 자주 등장한 색을 팔레트 형태로 보여줍니다.
업로드한 이미지 파일은 어디로 전송되나요?
이미지 변환·EXIF 같은 도구는 브라우저에서 처리하도록 구성되어 있습니다. 자세한 처리 방식은 각 도구 페이지의 설명을 확인하세요.
대비 검사 결과의 AA·AAA는 무엇을 의미하나요?
웹 접근성 가이드(WCAG)에서 정의한 대비 비율 기준입니다. 본 도구는 입력값을 기준으로 비율을 계산해 참고용으로 보여줍니다.