색맹 안전 팔레트 생성기 — 접근 가능한 색상 도구

적록 색맹, 청황 색맹 등 모든 유형의 색각 이상에서 구별 가능한 색상 조합을 생성하는 무료 접근성 팔레트 생성기입니다.

모든 유형의 색각 이상을 위한 색상 팔레트 생성 및 수정

팔레트 유형
색상 수 5
기본 색상 #4f7cac
100% 브라우저 내 처리. 색상이 기기를 떠나지 않습니다.
줄당 하나의 hex 코드 또는 쉼표로 구분 (예: #FF0000, #00FF00)
100% 브라우저 내 처리. 색상이 기기를 떠나지 않습니다.
팔레트 결과
CVD 미리보기

특징

5가지 조화 유형으로 팔레트 생성: 단색, 유사색, 보색, 삼색, 사색 CVD 접근성을 위한 기존 팔레트 검사 및 수정 모든 색각 이상 유형에 대한 실시간 미리보기 특정 색상 잠금 및 나머지 재생성

사용 방법

1

새 팔레트는 생성 모드, 기존 색상 확인은 수정 모드를 선택하세요.

2

생성 모드에서 팔레트 유형, 색상 수(3-8), 기본 색상을 선택하세요.

3

생성 클릭 — 알고리즘이 모든 CVD 유형에서 Delta-E 임계값을 통과하도록 보장합니다.

4

잠금 아이콘을 클릭하여 특정 견본을 고정하고 나머지만 재생성하세요.

5

내보내기 드롭다운으로 CSS 변수 복사, SVG/PNG 다운로드, Tailwind/Figma 설정을 받으세요.

자주 묻는 질문

색맹 안전 팔레트란 무엇인가요?

색맹 안전 팔레트는 적색맹(적색 인식 불가), 녹색맹(녹색 인식 불가), 청색맹(청색 인식 불가), 전색맹(완전 색맹) 등 모든 유형의 색각 이상(CVD)을 가진 사람들이 시각적으로 구별할 수 있는 색상을 포함합니다. 도구는 시뮬레이션된 CVD 조건에서 모든 색상 쌍 간에 충분한 인지적 거리를 보장합니다.

알고리즘은 어떻게 작동하나요?

색상은 인지적으로 균일한 OKLCH 색공간에서 생성됩니다. 알고리즘은 시뮬레이션된 CVD 조건에서 모든 색상 쌍 간의 Delta-E 2000 거리를 계산합니다. 임계값 이하인 쌍이 있으면 모든 쌍이 통과할 때까지 색조, 채도, 밝기를 반복적으로 조정합니다.

Delta-E란 무엇이며 어떤 임계값을 사용하나요?

Delta-E 2000은 인지적 색차 지표입니다. Delta-E 1은 훈련된 눈이 감지할 수 있는 최소 차이입니다. 이 도구는 CVD 시뮬레이션 쌍에 최소 임계값 10을 사용하여 심한 색각 이상에서도 편안하게 구별할 수 있도록 합니다.

웹 디자인과 데이터 시각화에 사용할 수 있나요?

물론입니다. 접근 가능한 색상 팔레트는 차트, 그래프, 지도, UI 구성 요소 및 색상이 의미를 전달하는 모든 디자인에 필수적입니다. CSS 변수, Tailwind 설정 또는 Figma JSON으로 직접 내보내세요.

내 데이터는 안전한가요?

네. 모든 색상 계산은 JavaScript를 사용하여 브라우저에서 완전히 실행됩니다. 색상이나 팔레트 데이터가 서버로 전송되지 않습니다. 작업은 기기에 그대로 남습니다.

이 도구를 어떻게 평가하시겠습니까?

평가해 주셔서 감사합니다!
더 공유하고 싶으신가요? 댓글을 남겨주세요!
감사합니다! 검토 후 댓글이 표시됩니다.
게시일 업데이트