컬러도구

컬러도구

컬러 팔레트·CSS 그라데이션·색 대비 검사·색맹 시뮬레이션을 무료로 제공하는 색상 도구 모음입니다.

컬러 팔레트 만들기 CSS 그라데이션 만들기
한줄 요약

컬러도구는 회원가입과 설치 없이 브라우저에서 바로 쓰는 무료 한국어 색상 도구 모음으로, 컬러 팔레트·CSS 그라데이션·WCAG 색 대비·색맹 시뮬레이션을 즉시 만들고 검사합니다.

모든 변환과 계산은 사용자 브라우저에서 처리되며 입력값은 서버로 전송·저장되지 않습니다.

색상 도구 모음

컬러 팔레트 생성기

베이스 색을 입력하면 보색·유사색·삼각 조화 등 색 조합 팔레트를 자동으로 생성합니다.

CSS 그라데이션 생성기

색과 각도를 정해 linear-gradient CSS 코드와 실시간 미리보기를 만듭니다.

색 대비 검사기

전경색·배경색의 명도 대비비를 계산하고 WCAG AA·AAA 등급 통과 여부를 확인합니다.

색맹 시뮬레이터

색이 적록·청황 색각이상(색맹)에서 어떻게 보이는지 변환해 비교합니다.

색상 가이드

웹 색상 대비와 접근성

WCAG 대비비 4.5:1·3:1 기준과 색맹 사용자를 고려한 색 설계 방법을 정리했습니다.

지금 대비 검사하기

내 디자인의 글자색과 배경색이 접근성 기준을 통과하는지 바로 확인하세요.

컬러도구를 쓰는 이유

  • 무료·무설치 — 회원가입이나 앱 설치 없이 브라우저에서 바로 사용합니다.
  • 개인정보 미수집 — 모든 색 변환과 대비 계산은 브라우저에서 처리되며 입력값은 서버로 전송되지 않습니다.
  • 표준 기반 — 색 대비는 WCAG 2.1의 상대 휘도·대비비 공식을, 색 조합은 HSL 색상환을 사용합니다.
  • 복사 한 번 — HEX 코드와 CSS 그라데이션을 버튼 한 번으로 복사해 바로 붙여넣을 수 있습니다.

색맹 시뮬레이션과 일부 결과는 근사 변환에 기반한 참고용입니다. 정확한 접근성 판단은 WCAG 2.1 공식 문서를 함께 확인하세요.

마지막 업데이트: 2026-06-25