MUTools

디자인 & 색상 무료 도구

디자인 & 색상 도구 소개

배색이나 비주얼 작업에 유용한 무료 도구를 모았습니다. 컬러 피커·색상 코드 변환·색상 팔레트 생성·CSS 그라데이션·대비 검사·파비콘 생성 등을 가입 없이 브라우저에서 사용할 수 있습니다.

디자인 & 색상 태그가 붙은 도구

파비콘 생성

이미지 한 장으로 favicon.ico 와 Apple Touch·Android·PWA 아이콘을 전 사이즈 한 번에 생성하고, site.webmanifest 와 설치용 HTML 까지 자동으로 출력합니다. 배경색·여백·둥근 모서리 조정 가능. 이미지는 외부로 전송하지 않고 브라우저에서만 처리하므로, 무료·회원가입 없이 안전하게 사용할 수 있습니다.

  • 생성기
  • 디자인 & 색상

컬러 피커

이미지에서 색을 추출해 HEX·RGB·HSL 컬러 코드를 얻는 무료 컬러 피커입니다. 돋보기로 확대해 픽셀 단위로 정확히 색을 고르고 팔레트를 내보낼 수 있습니다. 가입 없이 바로 사용할 수 있습니다.

  • 디자인 & 색상
  • 생산성

컬러 코드 변환

HEX·RGB·HSL·HSV·OKLCH 컬러 코드를 서로 변환하는 무료 도구입니다. 투명도(RGBA·8자리 HEX·HSLA)와 CMYK 참고값도 지원하며, 입력한 색을 모든 형식으로 한 번에 변환해 원클릭 복사할 수 있습니다. 웹 브라우저만으로 완결됩니다.

  • 변환
  • 디자인 & 색상

명도 대비 검사

전경색과 배경색의 명도 대비(콘트라스트 비율)를 실시간으로 계산하는 무료 명도 대비 검사 도구입니다. WCAG 2.1·2.2 AA·AAA 판정과 통과색 자동 제안, 색각 시뮬레이션, APCA를 지원합니다. 웹 브라우저만으로 완결됩니다.

  • 검사기
  • 디자인 & 색상
  • 접근성

색상 팔레트 생성기

베이스 컬러를 한 가지만 고르면 보색·유사색·트라이어드 등 색채 이론에 기반한 색상 팔레트를 자동으로 만들어 주는 무료 배색 생성기입니다. CSS 변수·Tailwind·SCSS·JSON 형식으로 내보낼 수 있고 명암 대비의 기준도 확인할 수 있습니다. 웹 브라우저만으로 완결됩니다.

  • 생성기
  • 디자인 & 색상

CSS 그래디언트 생성기

색·방향·컬러 스톱을 GUI 로 조작해 CSS 그래디언트를 자동 생성하는 무료 도구입니다. 선형·방사형·원뿔형(conic) 그라데이션과 투명도 조정을 지원하고 CSS 변수·Tailwind·SCSS 형식 내보내기와 공유 URL 도 제공합니다. 복사해서 바로 쓸 수 있고 웹 브라우저만으로 완결됩니다.

  • 생성기
  • 개발
  • 디자인 & 색상

다른 태그