색맹 시뮬레이터
색상
차트·대시보드·디자인의 스크린샷을 드롭하고 8가지 시뮬레이션 보기로 전환할 수 있습니다: 정상, 완전 색맹 3종(적색맹·녹색맹·청색맹), 약한 색약 3종(적색약·녹색약·청색약), 완전 단색(전색맹). 각 변환은 픽셀당 선형 매트릭스를 Canvas로 적용 — 빠르고 완전 오프라인. 출시 전 차트·팔레트 점검에 유용.
—
시각 유형
시뮬레이션 주의
색맹 시뮬레이션은 선형 RGB 변환(Brettel/Viénot 스타일 매트릭스)을 사용합니다. 실제 시각의 임상적 복제가 아닌 근사치입니다. 중요한 접근성 결정은 실제 사용자 또는 WCAG 같은 정식 도구로 함께 검증하세요.
사용법
- 차트·팔레트·디자인 스크린샷을 드롭하세요.
- 칩을 눌러 시각 유형별로 이미지를 확인하세요.
- 현재 시뮬레이션을 다운로드해 팀과 공유하세요.
자주 묻는 질문
- 과학적으로 정확한가요?
- Brettel / Viénot / Mollon 계열의 널리 인용되는 선형 RGB 변환 기반 근사치. 실제 시각은 다양하니 '이렇게 보일 수도 있다' 정도로 받아들이세요.
- 어떤 유형이 가장 흔한가요?
- 녹색약(Deuteranomaly)이 압도적으로 흔함 — 남성의 약 5%. 적색약과 적·녹 색맹을 합치면 색각 이상 대부분 차지.
- 전색맹(achromatopsia)이란?
- 완전 색맹 — 세상이 회색조로만 보이는 상태. 매우 드물지만 좋은 최악-시나리오 점검: 순수 그레이스케일에서도 디자인이 통하면 누구에게나 통합니다.
- 이미지가 업로드되나요?
- 아니요 — Canvas로 로컬 처리. 이미지와 매트릭스 모두 브라우저 내에 머뭅니다.
관련 도구
이미지에서 컬러 팔레트 추출
이미지를 드롭하면 Canvas로 주요 색을 분석해 팔레트 추출 — HEX 복사 또는 전체 일괄 복사.
색상00
CSS Box Shadow 생성기
여러 레이어로 CSS box-shadow를 디자인 — 실시간 미리보기 + CSS·Tailwind 출력.
색상00
컬러 포맷 변환기
어떤 색이든 HEX·RGB·HSL·HSV·OKLCH·CSS 변수로 한 번에 변환.
색상00
CSS 그라디언트 생성기
선형·방사형 CSS 그라디언트를 다중 색상 스톱으로 디자인하고 코드를 복사하세요.
색상00
컬러 팔레트 생성기
기준 색에서 여섯 가지 배색으로 조화로운 팔레트를 만드세요.
색상00
색상 대비 검사기
글자/배경 대비를 WCAG AA·AAA 기준으로 검사하세요.
색상00