# 색각 이상 시뮬레이터

1형 색각 이상, 2형 색각 이상, 3형 색각 이상 및 전색맹을 가진 사람이 색상을 어떻게 보는지 시뮬레이션하세요. 색상을 최대 100개 입력하면 각 색각 이상 유형에 따른 16진수 값 표를 확인할 수 있습니다. 이 값은 culori의 Machado, Oliveira 및 Fernandes 모델로 계산하며, 경미한 비정상 유형을 위한 강도 설정도 제공합니다. 팔레트, 차트, 지도 및 상태 표시 색상을 배포 전에 확인하는 데 유용합니다.

## 자주 묻는 질문

### 어떤 유형의 색각 이상을 시뮬레이션하나요?

1형 색각 이상(작동하는 적색 원추세포가 없음), 2형 색각 이상(녹색 원추세포가 없음), 3형 색각 이상(청색 원추세포가 없음) 및 전색맹(색각이 없음)을 시뮬레이션합니다. 강도가 100% 미만이면 각 열에 경미한 비정상 유형인 적색 약화, 녹색 약화, 청색 약화 및 전색약화라는 이름이 표시됩니다.

### 어떤 모델을 사용하나요?

세 가지 원추세포 유형에는 Machado, Oliveira 및 Fernandes가 개발한 생리학 기반 모델(2009)과 culori에 포함된 사전 계산 행렬을 사용합니다. 모델 사양에 따라 행렬을 선형 광량 RGB에 적용한 다음 sRGB로 다시 변환합니다. 전색맹의 경우 각 색상을 상대 휘도가 같은 회색으로 바꿉니다.

### 강도 설정은 어떤 역할을 하나요?

100%는 완전한 이색형 색각 이상을 시뮬레이션하고, 그보다 낮은 값은 경미한 비정상 유형을 시뮬레이션하며, 0%는 원래 색상을 반환합니다. Machado 행렬은 10% 단위로 공개되어 있으므로 값은 가장 가까운 10% 단위로 반올림됩니다. 전색맹의 경우 강도에 따라 색상과 해당 색상의 회색 사이를 선형 광량으로 혼합합니다.

### 색상은 어떻게 입력하나요?

한 줄에 색상 하나씩 입력하거나, 한 줄에 여러 색상을 쉼표나 세미콜론으로 구분해 입력하세요. rgb() 또는 hsl() 안의 쉼표는 구분자로 처리되지 않습니다. #이 있거나 없는 16진수 코드, CSS 색상 이름, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() 및 cmyk()을 지원합니다. 한 번에 최대 100개의 색상을 확인할 수 있습니다.

### 시뮬레이션은 얼마나 정확한가요?

표준 sRGB 디스플레이에서 평균적인 이색형 색각을 근사합니다. 실제 색각은 사람마다 다르며, 디스플레이 보정과 주변광도 누구에게나 보이는 색상에 영향을 줍니다. 서로 구분되지 않는 색상을 찾는 데 사용하고, 의학적 검사로 사용하지 마세요.

### 이러한 색각 이상은 얼마나 흔한가요?

적색-녹색 색각 이상인 1형 및 2형은 북유럽계 남성의 약 8%, 여성의 약 0.5%에게 나타나며, 2형 색각 이상이 가장 흔합니다. 3형 색각 이상과 전색맹은 드물며, 각각 약 10,000명 중 1명 이하에게 나타납니다.

### 두 색이 똑같아 보이면 어떻게 해야 하나요?

색조만 바꾸지 말고 명도도 조정하세요. 명도 차이는 모든 유형의 색각 이상에서도 유지됩니다. 또한 색이 의미를 전달할 때마다 WCAG 성공 기준 1.4.1에서 요구하는 라벨, 아이콘, 패턴 또는 위치 같은 보조 단서도 추가하세요.

### 투명한 색상과 넓은 색 영역의 색상은 어떻게 처리되나요?

선명한 Display P3 또는 OKLCH 값처럼 sRGB 범위를 벗어나는 색상은 먼저 CSS Color 4 알고리즘을 사용해 sRGB로 매핑됩니다. 알파값은 결과에도 유지되므로 반투명한 입력은 8자리 hex 코드를 생성합니다.

### 순수 빨간색은 왜 protanopia에서 올리브색으로 보이나요?

Protanopia가 있는 사람은 장파장 원뿔세포가 부족해 빨간색이 훨씬 어둡게 보이고 황갈색 쪽으로 바뀝니다. 모델에서는 #ff0000이 약 #6d5f00의 어두운 올리브색이 되는 반면, deuteranopia에서는 밝기가 더 많이 유지되어 약 #a39000의 머스터드색이 됩니다.

### 이미지 전체를 확인할 수 있나요?

아니요. 이 도구는 색상 값을 대상으로 작동하므로 팔레트와 디자인 토큰을 빠르고 정확하게 확인할 수 있습니다. 디자인이나 차트의 주요 색상을 골라 여기에 붙여 넣으면 시뮬레이션 결과 열을 나란히 비교할 수 있습니다.

여기에 광고를 게재하시겠어요?

[이메일 보내기](mailto:hi@dennn.is?subject=OneClick%20Pro%20%EA%B4%91%EA%B3%A0%20%EB%AC%B8%EC%9D%98)

[광고 WordPress을 위한 에이전트 지원 플러그인 모음입니다.](https://sleekwp.com/?ref=oneclickpro)