SciFig
가이드·

Okabe-Ito 색상 팔레트: 8가지 HEX 코드 총정리

Okabe-Ito 팔레트 8색의 HEX·RGB 값, 색각 이상을 고려한 사용 순서와 과학 그림용 R·Python·CSS 코드를 정리했습니다.

SciFig Team
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 코드가 표시된 색상 견본으로 정리한 표(SciFig로 제작)

Okabe-Ito 팔레트 8색 HEX 코드

Okabe-Ito 팔레트는 제1·제2·제3 색각 이상에서도 서로 구분되도록 고른 8가지 색으로 이루어집니다. Masataka Okabe와 Kei Ito가 Color Universal Design 연구의 일부로 발표했고, Bang Wong이 2011년 Nature Methods 칼럼에서 생명과학 연구자에게 소개하며 널리 알려졌습니다. 같은 색상 조합이 Wong 팔레트라고도 불리는 이유입니다.
색상HexRGB
주황#E69F00230, 159, 0
하늘색#56B4E986, 180, 233
청록#009E730, 158, 115
노랑#F0E442240, 228, 66
파랑#0072B20, 114, 178
주홍#D55E00213, 94, 0
붉은 보라#CC79A7204, 121, 167
검정#0000000, 0, 0
정확한 노란색은 부드럽고 채도가 살짝 낮은 #F0E442입니다. 잘못된 값이 널리 퍼져 있어 이 점을 분명히 할 필요가 있습니다. 순수 노랑인 #FFFF00은 Okabe-Ito의 노란색이 아닙니다. 일부 유명 R 패키지는 원래 색을 대체하는 선택 사항으로 ‘앰버’ 변형 #F5C710을 제공하기도 합니다. 기준 구현이 아닌 임의의 블로그에서 값을 복사하면 발표된 팔레트와 다른 조합을 쓰게 될 수 있습니다.

Figure 향상 작동 모습 직접 보기

기존 과학 그림을 8K 저널 게재 수준의 품질로 업스케일하고 인페인팅하며 색상과 라벨을 변경하세요.

도구 살펴보기

이 8가지 색이 잘 구분되는 이유

색각 이상은 ‘세상이 회색조로 보이는 것’이 아닙니다. 흔한 유형의 색각 이상은 색 공간의 특정 축을 압축합니다. 그래서 주로 빨강-초록 축에서 차이가 나는 색은 서로 비슷하게 보이지만, 명도와 파랑-노랑 축의 차이는 비교적 잘 남습니다.

Okabe-Ito 조합은 이 특성을 바탕으로 설계되었습니다. 인접한 색은 색상뿐 아니라 명도도 다르므로, 누군가에게 두 색이 비슷하게 보이더라도 밝기 차이로 구분할 수 있습니다. 검정이 포함된 이유도 같습니다. 명도 범위의 기준점을 만들고 확실한 참조 범주를 제공합니다.
Okabe-Ito 팔레트 막대그래프를 일반 색각과 제1색각·제2색각·제3색각 이상에서 본 모습을 나란히 비교한 시뮬레이션(SciFig로 제작)
Okabe-Ito 팔레트 막대그래프를 일반 색각과 제1색각·제2색각·제3색각 이상에서 본 모습을 나란히 비교한 시뮬레이션(SciFig로 제작)

권장 사용 순서

8색보다 적게 쓸 때는 표의 앞에서부터 필요한 수만큼 고르지 마세요. 색 수가 적어도 서로 최대한 멀리 보이도록 다음 순서를 사용하면 좋습니다.

  1. #0072B2 파랑
  2. #E69F00 주황
  3. #009E73 청록
  4. #CC79A7 붉은 보라
  5. #56B4E9 하늘색
  6. #D55E00 주홍
  7. #F0E442 노랑
  8. #000000 검정

파랑과 주황을 먼저 쓰는 데에는 이유가 있습니다. 모든 색각 이상 유형에서 이 두 색의 대비가 가장 안정적으로 유지됩니다.

바로 복사해 쓰는 코드

R

okabe_ito <- c(
  "#E69F00", "#56B4E9", "#009E73", "#F0E442",
  "#0072B2", "#D55E00", "#CC79A7", "#000000"
)
# ggplot2
scale_colour_manual(values = okabe_ito)
R 4.0 이상에서는 Base R의 palette.colors(palette = "Okabe-Ito")도 사용할 수 있어, 값을 코드에 직접 입력하지 않아도 됩니다.

Python

OKABE_ITO = [
    "#E69F00", "#56B4E9", "#009E73", "#F0E442",
    "#0072B2", "#D55E00", "#CC79A7", "#000000",
]
import matplotlib as mpl
mpl.rcParams["axes.prop_cycle"] = mpl.cycler(color=OKABE_ITO)

CSS

:root {
  --oi-orange:         #E69F00;
  --oi-sky-blue:       #56B4E9;
  --oi-bluish-green:   #009E73;
  --oi-yellow:         #F0E442;
  --oi-blue:           #0072B2;
  --oi-vermilion:      #D55E00;
  --oi-reddish-purple: #CC79A7;
  --oi-black:          #000000;
}

이 팔레트가 적합하지 않은 경우

Okabe-Ito는 정성형 팔레트입니다. 처리군, 종, 실험 조건처럼 순서가 없는 범주를 구분하도록 만들어졌습니다. 다음 세 가지 작업에는 맞지 않습니다.
  • 순서형 또는 연속형 데이터. 지각적으로 균일한 순차형 색상표를 사용하세요. 보통 viridis를 선택합니다.
  • 중앙값을 기준으로 갈라지는 데이터. ColorBrewer의 RdBu처럼 중앙에 중립색이 있는 발산형 배색을 사용하세요.
  • 8개가 넘는 범주. 아홉 번째 색을 더하기보다 패널 분할, 그룹화, 직접 라벨링으로 그림 구조를 바꾸는 편이 대개 더 낫습니다.
데이터에 맞는 팔레트 유형을 고르는 방법은 과학 그림용 색상 팔레트 선택 가이드에서 확인할 수 있습니다. 순차형, 발산형, 정성형의 차이를 실제 예시와 함께 설명합니다.
Okabe-Ito 팔레트를 적용하고 범례 대신 직접 라벨을 표시한 그룹 막대그래프와 산점도(SciFig로 제작)
Okabe-Ito 팔레트를 적용하고 범례 대신 직접 라벨을 표시한 그룹 막대그래프와 산점도(SciFig로 제작)
같은 Okabe-Ito 그림을 컬러와 회색조로 비교하고 회색조에서도 구분되는 색 조합을 강조한 예시(SciFig로 제작)
같은 Okabe-Ito 그림을 컬러와 회색조로 비교하고 회색조에서도 구분되는 색 조합을 강조한 예시(SciFig로 제작)

자주 하는 실수

색상에만 의존하기. 아무리 좋은 팔레트라도 회색조 인쇄나 전색맹 독자에게는 충분하지 않습니다. 선 종류, 마커 모양, 직접 라벨, 질감처럼 두 번째 시각 요소를 함께 사용하세요.
흰 배경에 노랑 사용하기. #F0E442은 흰 배경과의 대비가 낮습니다. 가는 선이나 작은 마커보다 윤곽선이 있는 채움 영역에 사용하세요.
팔레트가 그림을 자동으로 해결한다고 생각하기. 8개 계열이 겹친 복잡한 그림은 색을 잘 골라도 읽기 어렵습니다. 색상 접근성은 최소 조건이지, 명확한 구조를 대신하지는 못합니다.

지금 과학 그림 만들기

과학 그림을 자연어로 설명하세요 — 출판 가능한 일러스트를 단 몇 분 만에 받아보세요.

무료로 체험하기
새 그림을 만든다면 과학 그림용 색상 팔레트 생성기로 작업 중에 이러한 조건을 적용할 수 있습니다. 기존 그림은 Figure Enhancer를 사용해 처음부터 다시 만들지 않고도 색각 이상 친화적인 배색으로 바꿀 수 있습니다.

추측하지 말고 확인하세요. 제출 전에 그림을 색각 시뮬레이터로 검사하고 회색조에서도 한 번 확인하세요. 두 검사 모두 1분도 걸리지 않으며 접근성 문제 대부분을 찾아낼 수 있습니다.

관련 글

관련 읽을거리: 과학 그림에 가장 좋은 컬러 팔레트 (2026), 과학 그림에서 흔한 5가지 실수.

자주 묻는 질문

이어서 살펴보기

추천 리소스

연구에 도움이 되는 템플릿, 도구, 관련 읽을거리

콜투액션 배경

시작할 준비가 되셨나요?

출판 가능한 과학 그림, 단 몇 분 만에

무료로 만들기 시작하기

무료로 시작 · 신용카드 필요 없음 · 연구자를 위한 도구