Okabe-Ito 팔레트 8색의 HEX·RGB 값, 색각 이상을 고려한 사용 순서와 과학 그림용 R·Python·CSS 코드를 정리했습니다.
SciFig Team
Scientific Illustration Experts
okabe ito palette는 근거가 확인된 8가지 색상 값을 제공합니다.
Okabe-Ito 팔레트는 색각 이상을 고려해 만든 과학 그림용 8색 조합입니다.
남성은 약 12명 중 1명, 여성은 약 200명 중 1명이 어떤 형태로든 색각 이상을 겪습니다. 그림에서 빨강과 초록의 차이만으로 의미를 구분하면 독자와 심사자 중 적지 않은 사람이 의도와 다른 정보를 보게 됩니다. 이 글에서는 모든 HEX 코드와 RGB 값, 그리고 R, Python, CSS에 바로 붙여 넣을 수 있는 코드를 한곳에 정리했습니다.
Okabe-Ito 팔레트 8색을 이름과 HEX 코드가 표시된 색상 견본으로 정리한 표(SciFig로 제작)
Okabe-Ito 팔레트 8색 HEX 코드
Okabe-Ito 팔레트는 제1·제2·제3 색각 이상에서도 서로 구분되도록 고른 8가지 색으로 이루어집니다. Masataka Okabe와 Kei Ito가 Color Universal Design 연구의 일부로 발표했고, Bang Wong이 2011년 Nature Methods 칼럼에서 생명과학 연구자에게 소개하며 널리 알려졌습니다. 같은 색상 조합이 Wong 팔레트라고도 불리는 이유입니다.
색상
Hex
RGB
주황
#E69F00
230, 159, 0
하늘색
#56B4E9
86, 180, 233
청록
#009E73
0, 158, 115
노랑
#F0E442
240, 228, 66
파랑
#0072B2
0, 114, 178
주홍
#D55E00
213, 94, 0
붉은 보라
#CC79A7
204, 121, 167
검정
#000000
0, 0, 0
정확한 노란색은 부드럽고 채도가 살짝 낮은 #F0E442입니다. 잘못된 값이 널리 퍼져 있어 이 점을 분명히 할 필요가 있습니다. 순수 노랑인 #FFFF00은 Okabe-Ito의 노란색이 아닙니다. 일부 유명 R 패키지는 원래 색을 대체하는 선택 사항으로 ‘앰버’ 변형 #F5C710을 제공하기도 합니다. 기준 구현이 아닌 임의의 블로그에서 값을 복사하면 발표된 팔레트와 다른 조합을 쓰게 될 수 있습니다.
Figure 향상 작동 모습 직접 보기
기존 과학 그림을 8K 저널 게재 수준의 품질로 업스케일하고 인페인팅하며 색상과 라벨을 변경하세요.
색각 이상은 ‘세상이 회색조로 보이는 것’이 아닙니다. 흔한 유형의 색각 이상은 색 공간의 특정 축을 압축합니다. 그래서 주로 빨강-초록 축에서 차이가 나는 색은 서로 비슷하게 보이지만, 명도와 파랑-노랑 축의 차이는 비교적 잘 남습니다.
Okabe-Ito 조합은 이 특성을 바탕으로 설계되었습니다. 인접한 색은 색상뿐 아니라 명도도 다르므로, 누군가에게 두 색이 비슷하게 보이더라도 밝기 차이로 구분할 수 있습니다. 검정이 포함된 이유도 같습니다. 명도 범위의 기준점을 만들고 확실한 참조 범주를 제공합니다.
Okabe-Ito 팔레트 막대그래프를 일반 색각과 제1색각·제2색각·제3색각 이상에서 본 모습을 나란히 비교한 시뮬레이션(SciFig로 제작)
권장 사용 순서
8색보다 적게 쓸 때는 표의 앞에서부터 필요한 수만큼 고르지 마세요. 색 수가 적어도 서로 최대한 멀리 보이도록 다음 순서를 사용하면 좋습니다.
#0072B2 파랑
#E69F00 주황
#009E73 청록
#CC79A7 붉은 보라
#56B4E9 하늘색
#D55E00 주홍
#F0E442 노랑
#000000 검정
파랑과 주황을 먼저 쓰는 데에는 이유가 있습니다. 모든 색각 이상 유형에서 이 두 색의 대비가 가장 안정적으로 유지됩니다.