색상 도구

색각 이상 시뮬레이터

16진수 색상 코드를 입력하여 다양한 색각 조건과 흑백 환경에서 색상이 어떻게 보이는지 시뮬레이션합니다.

도구 실행

색각 이상 시뮬레이터는 지정한 색상이 다양한 색각 조건에서 어떻게 나타나는지 검토할 수 있는 온라인 도구입니다. 16진수 색상 코드를 입력하면 세 가지 변환 색상과 한 가지 흑백 색상을 계산하여 표시합니다. 3자리 축약 코드나 앞자리 기호가 생략된 형식도 표준 6자리 코드로 확장하여 처리합니다. 색상을 직접 입력하지 않는 경우에는 기본값으로 빨간색(#ff0000)이 적용됩니다. 계산된 모든 결과는 0부터 255 범위의 채널 값으로 정규화되어 소문자 6자리 16진수 형태로 제공됩니다. 웹 디자인, 사용자 인터페이스, 그래픽 요소의 색상 식별성과 가독성을 미리 확인하는 데 유용합니다.

사용 방법

  1. 확인하고자 하는 16진수 색상 코드를 입력란에 입력합니다.
  2. # 기호가 없거나 3자리 축약 형태(예: f00)인 경우에도 입력할 수 있습니다.
  3. 색상을 입력하지 않으면 기본값(#ff0000)으로 자동 계산됩니다.
  4. 실행 후 결과 화면에서 3가지 변환 색상 및 흑백 시뮬레이션 코드를 확인합니다.

예시

  • 기본 파란색 코드 #0000ff를 입력하여 제1색각, 제2색각, 제3색각 조건 및 흑백 환경에서의 변환 색상 코드를 확인합니다.
  • 축약형 녹색 코드 0f0을 입력하여 표준 6자리 #00ff00으로 확장된 후 계산되는 시뮬레이션 결과를 검토합니다.

자주 묻는 질문

색상 코드를 입력하지 않고 실행하면 어떻게 되나요?

색상 입력란을 비워두면 기본값인 빨간색(#ff0000)을 기준으로 시뮬레이션 계산이 진행됩니다.

3자리 색상 코드도 지원되나요?

네, 3자리 16진수 코드를 입력하면 각 자리가 2자리로 확장된 6자리 표준 색상 코드로 자동 변환되어 계산됩니다.

샵(#) 기호를 생략하고 입력해도 되나요?

네, # 기호 없이 16진수 문자만 입력해도 자동으로 # 기호가 추가되어 처리됩니다.

유효하지 않은 색상 코드를 입력하면 어떻게 되나요?

16진수 형식이 아니거나 잘못된 문자열을 입력하면 변환 색상 대신 오류 안내가 표시됩니다.

이 도구 삽입하기

아래 코드를 사용해 작동하는 SmartPlusLab 도구를 웹사이트에 추가하세요.