색맹 시뮬레이터
차트·대시보드·디자인의 스크린샷을 드롭하고 8가지 시뮬레이션 보기로 전환할 수 있습니다: 정상, 완전 색맹 3종(적색맹·녹색맹·청색맹), 약한 색약 3종(적색약·녹색약·청색약), 완전 단색(전색맹). 각 변환은 픽셀당 선형 매트릭스를 Canvas로 적용 — 빠르고 완전 오프라인. 출시 전 차트·팔레트 점검에 유용.
—
시각 유형
시뮬레이션 주의
색맹 시뮬레이션은 선형 RGB 변환(Brettel/Viénot 스타일 매트릭스)을 사용합니다. 실제 시각의 임상적 복제가 아닌 근사치입니다. 중요한 접근성 결정은 실제 사용자 또는 WCAG 같은 정식 도구로 함께 검증하세요.
사용법
- 차트·팔레트·디자인 스크린샷을 드롭하세요.
- 칩을 눌러 시각 유형별로 이미지를 확인하세요.
- 현재 시뮬레이션을 다운로드해 팀과 공유하세요.
자주 묻는 질문
- 과학적으로 정확한가요?
- Brettel / Viénot / Mollon 계열의 널리 인용되는 선형 RGB 변환 기반 근사치. 실제 시각은 다양하니 '이렇게 보일 수도 있다' 정도로 받아들이세요.
- 어떤 유형이 가장 흔한가요?
- 녹색약(Deuteranomaly)이 압도적으로 흔함 — 남성의 약 5%. 적색약과 적·녹 색맹을 합치면 색각 이상 대부분 차지.
- 전색맹(achromatopsia)이란?
- 완전 색맹 — 세상이 회색조로만 보이는 상태. 매우 드물지만 좋은 최악-시나리오 점검: 순수 그레이스케일에서도 디자인이 통하면 누구에게나 통합니다.
- 이미지가 업로드되나요?
- 아니요 — Canvas로 로컬 처리. 이미지와 매트릭스 모두 브라우저 내에 머뭅니다.
이 주제의 가이드
관련 도구
이미지에서 컬러 팔레트 추출
이미지를 드롭하면 Canvas로 주요 색을 분석해 팔레트 추출 — HEX 복사 또는 전체 일괄 복사.
색상 0 0
컬러 토큰 익스포터
컬러 팔레트 한 번 정의 → CSS 커스텀 프로퍼티·Tailwind 설정·SCSS·LESS·디자인 토큰 JSON·SwiftUI Color·Android `colors.xml`로 익스포트. 라이브 미리보기 스워치.
색상 0 0
색상 대비 검사기
글자/배경 대비를 WCAG AA·AAA 기준으로 검사하세요.
색상 0 0
컬러 팔레트 생성기
베이스 컬러 선택 → 클래식 색상환 하모니 — 보색·분할보색·삼색·사색·정사각·유사·단색.
색상 0 0
CSS 색상 이름
147개 CSS / X11 named color — HEX·RGB·실시간 스와치, 검색·색상 계열별 그룹화.
색상 0 0
Tailwind 색상 팔레트
전체 Tailwind CSS 기본 팔레트 — 22가지 색상 × 11단계 음영(50~950) — Tailwind 클래스·HEX·rgb()로 클릭 복사.
색상 0 0