과학 그림 접근성 키트
Okabe-Ito 색각 이상 안전 팔레트의 정확한 HEX, RGB, CMYK 값을 CSS, matplotlib, R, JSON, CSV, SVG 코드로 바로 복사할 수 있습니다. 색상 견본을 클릭하면 HEX 값이 복사됩니다. 모든 처리는 브라우저에서 이루어지며, 가입도 업로드도 필요 없습니다.
:root {
--oi-black: #000000;
--oi-orange: #E69F00;
--oi-sky-blue: #56B4E9;
--oi-bluish-green: #009E73;
--oi-yellow: #F0E442;
--oi-blue: #0072B2;
--oi-vermillion: #D55E00;
--oi-reddish-purple: #CC79A7;
}
| 이름 | HEX | RGB | CMYK |
|---|---|---|---|
| 검정 | #000000 | 0, 0, 0 | 0, 0, 0, 100 |
| 주황 | #E69F00 | 230, 159, 0 | 0, 50, 100, 0 |
| 하늘색 | #56B4E9 | 86, 180, 233 | 80, 0, 0, 0 |
| 청록 | #009E73 | 0, 158, 115 | 97, 0, 75, 0 |
| 노랑 | #F0E442 | 240, 228, 66 | 10, 5, 90, 0 |
| 파랑 | #0072B2 | 0, 114, 178 | 100, 50, 0, 0 |
| 주홍 | #D55E00 | 213, 94, 0 | 0, 80, 100, 0 |
| 붉은 보라 | #CC79A7 | 204, 121, 167 | 10, 70, 0, 0 |
CMYK 값은 Okabe & Ito가 직접 발표한 수치로, 하나의 충실한 복제본(NYU Siegal Lab)에서 옮겨 적은 것입니다. RGB와 HEX는 두 개 이상의 출처로 확인되었습니다. 정확한 색상이 중요하다면 인쇄 워크플로에서 CMYK를 검증하세요.
Okabe-Ito 팔레트 소개
이 팔레트는 Masataka Okabe와 Kei Ito가 Color Universal Design을 위해 만들었습니다. 8가지 색상(검정과 7가지 유채색)으로 구성되며, 황록색 혼동 범위를 피하고 명도와 채도를 달리하여 흔한 색각 이상 유형에서도 구별되도록 경험적으로 선택되었습니다. 수학적으로 보장된 것이 아니라 경험적으로 색맹 안전하며, Bang Wong의 2011년 Nature Methods 칼럼이 7색 부분집합을 널리 알렸지만 그가 원 저작자는 아닙니다.
원본 참고 자료: Okabe & Ito, Color Universal Design (jfly).
잘 활용하는 방법
- 범주가 네 개 이하일 때는 주황, 하늘색, 파랑, 주홍으로 시작하세요 — CVD 시뮬레이션에서 쌍별 대비가 가장 높은 네 색입니다.
- 색상에만 의존하지 마세요: 뚜렷한 선 스타일, 마커, 텍스처를 함께 써서 그림이 흑백 인쇄에서도 살아남게 하세요.
- 빨강과 초록을 함께 쓰지 말고, 노랑은 흰 배경에서 사라지므로 가는 선과 작은 글자에는 쓰지 마세요.
자주 묻는 질문
Okabe-Ito 팔레트는 무료로 사용할 수 있나요?
네. 이 팔레트는 Color Universal Design에서 자유롭게 사용하도록 공개되어 있으며, 여러 과학 스타일 가이드에서 사용됩니다. 여기 있는 다운로드 파일은 여러분의 그림과 코드에 바로 넣을 수 있도록 제공됩니다.
정말 색맹 안전한가요?
이 팔레트는 녹색맹, 적색맹, 청색맹에서도 구별되도록 경험적으로 설계되었으며, 과학 분야에서 가장 널리 권장되는 기본값입니다. 수학적 보장은 아니므로, 여전히 색상만으로 인코딩하는 것을 피하고 CVD 시뮬레이터에서 그림을 테스트하세요.
어떤 형식을 다운로드해야 하나요?
웹 그림에는 CSS, 플로팅 코드에는 matplotlib 또는 R, 다른 도구로 가져올 때는 CSV 또는 JSON, 바로 쓸 수 있는 색상 견본 띠에는 SVG를 사용하세요. 모두 동일한 8가지 검증된 색상을 담고 있습니다.
CMYK 값을 인쇄용으로 믿어도 되나요?
이 값은 Okabe & Ito가 직접 발표한 CMYK 수치이지만 하나의 복제본에서 옮긴 것이므로, 정확한 색상이 중요하다면 인쇄 워크플로에서 확인하세요. RGB와 HEX 값은 여러 독립 출처로 확인되었습니다.
그림에 색맹 안전 색상을 적용하는 완전한 가이드를 원하시나요?
Okabe-Ito 참고 가이드 읽기