색각이상 시뮬레이션
Colour Blindness Simulator
적색맹·녹색맹·청색맹·흑백 시야에서 이미지가 어떻게 보이는지 다시 그려 보여줍니다.
계열을 색조만으로 구분한 차트는 남성 열두 명 가운데 한 명쯤에게는 읽히지 않고, 일반적인 색각으로 들여다봐서는 그 사실을 알아챌 방법이 없습니다. 이 도구는 이미지 전체를 이색형 색각이 받아들이는 대로 다시 그리고, 구분이 얼마나 사라졌는지 수치로 보여 줍니다.
차트·지도·스크린숏을 놓으세요
시뮬레이션은 이 탭 안에서 픽셀에 직접 적용됩니다.
사용 방법
이미지를 놓습니다
차트·지도·히트맵·대시보드 스크린숏처럼 정보가 색조에 실려 있는 경우가 대상입니다.
시야 유형을 고릅니다
녹색맹이 남성의 약 1%로 압도적으로 흔하니 여기서 시작하세요. 청색맹은 드물어서 설계 제약이라기보다 빠짐없이 확인하는 용도입니다.
색 구분 손실 수치를 봅니다
각 픽셀이 이동한 평균 거리를 RGB 큐브 대각선에 대한 비율로 나타낸 값입니다. 0에 가까우면 이 시뮬레이션이 지우는 색에 그림이 거의 기대지 않는다는 뜻입니다.
색조가 아닌 것으로 고칩니다
명도를 다르게 하거나, 실선과 점선을 쓰거나, 표식 모양을 바꾸거나, 이름을 직접 붙이세요. 그중 하나만 있어도 여기 있는 모든 시뮬레이션을 통과합니다.
자주 묻는 질문
색각이상은 정말 이렇게 보이나요?
추체 한 종류가 아예 없는 이색형 색각이 투영되는 결과이며, 가장 심한 쪽입니다. 색각이상이 있는 사람 대부분은 이상 삼색형으로, 추체는 있고 반응 곡선이 옮겨져 있어 실제 경험은 이 화면과 보통 시야 사이 어딘가입니다.
정도 슬라이더는 무엇을 하나요?
이색형 결과 쪽으로 선형 보간합니다. 정도마다 별도 행렬을 맞추는 Machado 외(2009) 모형은 아닙니다. 정도 1에서는 정의상 두 모형이 일치하고, 그 사이 구간은 근사이며 페이지에도 그렇게 적어 두었습니다.
수치가 낮으면 차트에 문제가 없는 건가요?
평균적으로 색이 별로 움직이지 않았다는 뜻이고, 흰 바탕이 대부분인 페이지는 그냥도 그 값을 얻습니다. 시뮬레이션된 그림도 함께 보세요. 빨강과 초록이던 두 계열이 겹쳐 버려도 평균은 거의 안 움직일 수 있습니다.
이 도구로 이어지는 것
밝기·대비 보정
Brightness & Colour Adjust
밝기·대비·채도·색온도·선명도를 히스토그램을 보며 조절합니다.
명도대비 검사
Contrast Checker
전경·배경 색 조합을 WCAG 2와 APCA 기준으로 채점하고 통과하는 가장 가까운 색을 제안합니다.
PNG 압축
PNG Compressor
색상 수를 줄이고 압축 스트림을 다시 써서 크기 변화 없이 PNG 용량을 줄입니다.
JPEG 압축
JPEG Compressor
원하는 품질로 JPEG를 다시 인코딩하고 압축 전후 용량과 차이를 함께 보여줍니다.
다음 단계
이 도구의 결과를 그대로 받을 수 있는 도구들입니다.
명도대비 검사
Contrast Checker
전경·배경 색 조합을 WCAG 2와 APCA 기준으로 채점하고 통과하는 가장 가까운 색을 제안합니다.
이미지 색상 팔레트 추출
Palette Extractor
이미지에서 N개의 대표 색을 뽑아 HEX·CSS 변수·ASE 스와치로 내보냅니다.
색 팔레트 생성
Palette Generator
기준 색에서 보색·삼각·유사색 규칙으로 조화로운 팔레트를 만듭니다.
이미지 배경 제거
Background Remover
단색이나 균일한 배경을 OKLab에서 키잉해 투명한 PNG로 만들고, 브러시로 경계를 다듬을 수 있습니다.
EXIF 정보 삭제
EXIF Remover
화질은 그대로 두고 카메라·GPS·편집 이력 메타데이터만 지웁니다.
파비콘 생성
Favicon Generator
ICO·PNG·애플 터치 아이콘·웹 매니페스트를 한 번에 만들고 붙여넣을 HTML까지 제공합니다.