Okabe-Ito 팔레트: 정확한 색상과 접근성 활용 가이드

원래 Okabe-Ito 팔레트는 주황 #E69F00, 하늘색 #56B4E9, 청록색 #009E73, 노랑 #F0E442, 파랑 #0072B2, 주홍 #D55E00, 자주 #CC79A7, 검정 #000000의 8가지 색으로 구성됩니다. 연속적인 크기가 아니라 범주형 데이터에 사용하고, 색만으로 정보를 전달하지 마세요.

핵심 요약

• 8색 세트는 연속 값이 아니라 범주 구분에 사용합니다.
• 모든 도구에서 동일한 Hex 및 RGB 값을 유지합니다.
• 색상에 레이블, 모양, 패턴 또는 선 스타일을 함께 사용합니다.
• 노랑과 밝은 색은 실제 배경에서 대비를 확인합니다.
• 존재하지 않는 내장 API를 가정하지 말고 문서화된 확장 패키지를 사용합니다.
• 범주가 8개를 넘으면 표현 전략을 바꿉니다.

빠른 답변: Okabe-Ito 팔레트란 무엇인가요?

Okabe-Ito 팔레트는 그림에서 범주를 구분하기 위한 8색 정성 팔레트입니다. 주황, 하늘색, 청록색, 노랑, 파랑, 주홍, 자주, 검정으로 이루어집니다. 원래 값은 2002년에 발표되고 2008년에 개정된 Okabe와 Ito의 Color Universal Design 지침에 수록되어 있으며, 색각 이상이 있는 사람도 읽기 쉬운 그림을 만드는 것이 목적입니다. (Okabe & Ito, 2008)

한 색상이 치료군, 종, 실험 조건처럼 하나의 범주를 나타낼 때 Okabe-Ito 팔레트를 사용하세요. 낮음에서 높음으로 이어지는 순차 척도나 중앙값을 기준으로 나뉘는 발산 척도에는 적합하지 않습니다. (EasyStats, 2026; Okabe & Ito, 2008) 이 구분은 어떤 그래프 라이브러리를 쓰는지보다 중요합니다.

8가지 색상 한눈에 보기

아래 표는 차트, 디자인 및 CSS 작업에 바로 복사할 수 있는 원래 순서와 10진 RGB 값을 보여 줍니다. (Okabe & Ito, 2008)

원래 순서를 명시하면 소프트웨어 변형과 조용히 달라지는 일을 막을 수 있습니다. Base R의 명명된 구현은 회색을 추가하고 검정을 처음에 둘 수 있으며, 일부 확장 패키지는 다른 노랑을 사용합니다. (EasyStats, 2026; R Core Team, 2026) 재현 가능한 작업을 위해 패키지 이름에만 의존하지 말고 선택한 값을 그림 소스에 저장하세요.

팔레트가 보장하는 것과 보장하지 않는 것

이 색상 세트는 흔한 색각 이상이 있는 독자도 범주를 구분하기 쉽게 설계되었습니다. (Okabe & Ito, 2008) 하지만 모든 색상 쌍이 회색조에서 구분되거나, 밝은 색이 흰 배경에서 충분한 대비를 갖거나, 추가 단서 없이 색만으로 전달한 의미가 접근 가능하다는 보장은 없습니다. (Okabe & Ito, 2008; World Wide Web Consortium, 2024)

중요: 직접 레이블, 마커 모양, 선 스타일, 패턴 또는 경계를 함께 사용하세요. W3C 지침은 정보가 색상에만 의존하지 않도록 요구합니다. 따라서 이 팔레트는 접근 가능한 그림을 만드는 한 요소이지 합격을 보장하는 인증서가 아닙니다. (World Wide Web Consortium, 2024)

출판 전에는 완성된 그림을 실제 크기와 배경에서 확인하세요. 흰 배경 위의 가는 노란 선은 특히 주의해야 하며, 흑백 출력에서도 레이블이나 다른 중복 표현으로 의미를 유지해야 합니다. (Okabe & Ito, 2008)

Okabe-Ito 색상 팔레트 Hex 코드, RGB 값 및 이름

Okabe-Ito 팔레트에는 sRGB Hex 값과 10진 RGB 삼중항으로 표현된 주황, 하늘색, 청록색, 노랑, 파랑, 주홍, 자주, 검정의 8가지 범주형 색상이 있습니다. 도구마다 같은 값을 사용하되, 출처의 순서는 보편적인 플로팅 순서가 아니라 참조 목록으로 다루세요. (Okabe & Ito, 2008)

바로 복사할 수 있는 색상표

아래 표는 원래 8색 세트를 유지합니다. RGB 값은 빨강, 초록, 파랑 채널 순서입니다.

재현 가능한 그림을 만들려면 색상마다 이름이 있는 상수를 하나씩 정의하고 모든 플로팅 환경에서 재사용하세요.

이름이 있는 상수를 사용하면 “파랑”이 #0072B2 대신 패키지 기본값으로 해석되는 일을 막을 수 있습니다. 내보낸 픽셀을 다시 추출하지 않고도 나중에 팔레트를 점검할 수 있습니다.

실용적인 플로팅 순서

모든 데이터셋에 맞는 하나의 Okabe-Ito 순서는 없습니다. 가장 중요한 범주에는 파랑이나 주홍을 배정하세요.

나머지는 표의 순서를 무작정 반복하지 말고 의미의 우선순위에 맞춰 배정합니다. 검정은 기준선, 대조군 또는 베이스라인에 남겨 두세요. 인접한 계열은 가능하면 색상과 명도를 번갈아 사용합니다.

한번 배정한 색은 패널, 범례, 관련 차트 전체에서 같은 범주에 유지해야 합니다.

최종 크기에서 두 계열이 여전히 비슷하면 직접 레이블, 마커 모양 또는 선 스타일로 구분하세요. 패널마다 색 순서를 바꾸지 마세요.

배경과 노란색의 가시성

노랑은 배경 대비를 반드시 확인해야 합니다. 흰색 위에서 #F0E442의 계산 대비율은 1.32:1입니다. 이 글에서는 WCAG 2.2의 sRGB 상대 휘도 공식을 적용하고 소수 둘째 자리로 반올림했습니다. (World Wide Web Consortium, 2024)

이 값은 인접한 그래픽 객체나 경계에 권장되는 3:1보다 낮습니다. (World Wide Web Consortium, 2024) 가는 노란 표시에는 색상이 달라도 위치를 찾기 어려울 수 있습니다.

노랑은 어두운 배경이나 경계가 있는 큰 표시에 사용하세요. 대비되는 외곽선, 기호 또는 레이블도 도움이 됩니다.

주황과 하늘색은 휘도가 비슷해 흑백 출력에서 시각적 차이가 줄어들 수 있습니다. (World Wide Web Consortium, 2024)

색상 견본만 보고 승인하지 말고 실제 캔버스와 내보내기 크기에서 테스트하세요.

숫자로 보는 핵심 정보

• 원래 범주형 세트는 8색입니다. (Okabe & Ito, 2008)
• 노랑과 흰색의 대비는 1.32:1입니다. (World Wide Web Consortium, 2024)
• 주황과 하늘색의 휘도 기준 대비는 1.025:1입니다. (World Wide Web Consortium, 2024)

Okabe-Ito 색상 팔레트의 기원

Okabe-Ito 팔레트는 Masataka Okabe와 Kei Ito가 2002년에 발표하고 2008년에 개정한 Color Universal Design 지침에서 시작되었습니다. 목표는 색각 이상 여부와 관계없이 그림과 프레젠테이션을 더 쉽게 구분하게 만들고 색상에 레이블, 모양 또는 선 스타일을 함께 쓰는 것이었습니다. (Okabe & Ito, 2008)

Okabe와 Ito의 Color Universal Design 지침

원래 지침은 보기 좋은 Hex 코드 목록보다 범위가 넓었습니다. 색상을 정보 시스템의 한 요소로 보고, 색에 의미를 담을 때 중복 표현을 사용하도록 권했습니다. (Okabe & Ito, 2008)

Okabe-Ito 팔레트가 이를 만든 디자인 방법과 분리되어 소개되는 경우가 많기 때문에 이 맥락이 중요합니다.

Wong 팔레트라고도 부르는 이유

Bang Wong은 2011년 Nature Methods 칼럼에서 색각 이상 독자에게 적합한 색을 소개했고, 이를 통해 과학 저자 사이에 널리 알려졌습니다. (Wong, 2011)

그래서 Wong 팔레트라고도 하지만 Wong이 원작자는 아닙니다. (Wong, 2011, 2023) 2023년 저자 정정에서는 Okabe와 Ito의 2002년 발표로 연결되는 누락 링크가 복원되었습니다. (Wong, 2023)

정정 내용은 구체적입니다: 2011년 글에 Kei Ito와 Masataka Okabe의 2002년 발표 링크가 빠져 있었습니다. (Wong, 2023)

2002년 기원, 2008년 개정, 2011년 칼럼, 2023년 정정이 올바른 출처 흐름을 이룹니다. Okabe와 Ito가 지침을 만들었고 Wong은 이후 더 넓은 과학 독자에게 소개했습니다. (Okabe & Ito, 2008; Wong, 2011, 2023)

원래 8색과 소프트웨어 변형

복사 가능한 원본은 검정으로 끝나는 8색입니다. (Okabe & Ito, 2008) 소프트웨어 구현이 달라도 출처 팔레트 자체가 틀린 것은 아닙니다. Base R의 명명된 버전은 9색이며 #999999 회색을 추가하고 검정을 먼저 둘 수 있습니다. (EasyStats, 2026; R Core Team, 2026)

일부 확장 패키지는 원본 노랑 옵션을 선택하지 않으면 원래 노랑 대신 #F5C710 호박색을 사용합니다. (EasyStats, 2026)

재현성을 위해 “Okabe-Ito 팔레트”라고만 쓰지 말고 정확한 순서와 Hex 값을 기록하세요. 그래야 협업자가 순서가 바뀌거나 수정된 변형을 사용하는 일을 막을 수 있습니다.

용어 설명

• Color Universal Design(CUD): 다양한 색각에서 색상 정보가 구분되도록 하는 디자인 지침입니다. (Okabe & Ito, 2008)
• Wong 팔레트: Wong의 2011년 과학 그림 칼럼에서 비롯된 후대의 이름이며 별도 기원을 뜻하지 않습니다. (Wong, 2011, 2023)
• 팔레트 변형: 색 개수, 순서 또는 제공된 Hex 값 중 하나를 소프트웨어가 변경한 버전입니다.
• CVD: 색각 이상(Color-vision deficiency)입니다.
• 범주형 팔레트: 이산 그룹에 서로 다른 색을 배정하는 팔레트입니다.
• 중복 인코딩: 모양이나 선 스타일처럼 같은 차이를 전달하는 두 번째 단서입니다. (Okabe & Ito, 2008; World Wide Web Consortium, 2024)

Python, R, MATLAB 및 CSS에서 Okabe-Ito 색상 사용하기

여러 환경에서 가장 안전하게 구현하려면 동일한 8개의 sRGB 색을 명시적으로 정의한 뒤 각 플로팅 API에 전달하세요. 이렇게 하면 명명된 팔레트가 회색을 추가하거나 색 순서를 바꾸거나 다른 노랑을 사용해도 원래 순서를 유지할 수 있습니다. (EasyStats, 2026; Okabe & Ito, 2008; R Core Team, 2026)

Matplotlib에서 사용하기

Matplotlib의 set_prop_cycle을 사용하면 하나의 Axes에 명시적인 색상 목록을 적용할 수 있습니다. (Matplotlib Development Team, 2026)

import matplotlib.pyplot as plt

okabe_ito = [
 "#E69F00", "#56B4E9", "#009E73", "#F0E442",
 "#0072B2", "#D55E00", "#CC79A7", "#000000",
]

fig, ax = plt.subplots()
ax.set_prop_cycle(color=okabe_ito)
for column in data.columns:
 ax.plot(data.index, data[column], label=column)
ax.legend()

세션 전체의 기본값으로 쓸 때만 plt.rcParams["axes.prop_cycle"]을 사용하세요. Axes 단위 설정은 관련 없는 그림까지 바꿀 가능성이 낮습니다.

Seaborn에서 사용하기

Seaborn의 set_palette는 목록 형태의 팔레트를 받아 Matplotlib 색상 순환을 갱신합니다. (Waskom, 2024) 문서에 없는 이름을 가정하지 말고 색상 값을 직접 전달하세요.

import seaborn as sns

okabe_ito = [
 "#E69F00", "#56B4E9", "#009E73", "#F0E442",
 "#0072B2", "#D55E00", "#CC79A7", "#000000",
]
sns.set_palette(okabe_ito)

Base R 및 ggplot2에서 사용하기

Base R에는 palette.colors(palette = "Okabe-Ito")가 있지만 이 9색 구현은 회색을 포함하며 검정이 처음일 수 있습니다. (R Core Team, 2026) 다른 소프트웨어와 원래 8색을 맞춰야 한다면 명시적 벡터를 사용하세요.

okabe_ito <- c(
 "#E69F00", "#56B4E9", "#009E73", "#F0E442",
 "#0072B2", "#D55E00", "#CC79A7", "#000000"
)

# Base graphics
palette(okabe_ito)
plot(x, y, col = group, pch = 16)

# ggplot2
library(ggplot2)
ggplot(df, aes(x, y, colour = group, fill = group)) +
 geom_point(shape = 21, size = 3) +
 scale_colour_manual(values = okabe_ito) +
 scale_fill_manual(values = okabe_ito)

ggplot2 코어는 수동 이산 척도를 문서화하지만 scale_color_okabeito()는 제공하지 않습니다. see 확장 패키지는 see::scale_color_okabeito()를 문서화합니다. (EasyStats, 2026; Posit, 2026) 패키지를 명시하면 ggplot2만 설치된 환경에서 그럴듯해 보이는 코드가 실패하는 일을 막을 수 있습니다.

MATLAB colororder에서 사용하기

MATLAB의 colororder는 n×3 RGB 삼중항 행렬을 받습니다. Okabe-Ito 팔레트를 배정하기 전에 0~255 값을 255로 나누세요. colororder는 R2019b부터 사용할 수 있습니다. (MathWorks, 2026)

okabeIto = [
 230 159 0
 86 180 233
 0 158 115
 240 228 66
 0 114 178
 213 94 0
 204 121 167
 0 0 0
] / 255;

ax = axes;
colororder(ax, okabeIto)
plot(ax, x, Y, 'LineWidth', 1.5)

CSS 사용자 정의 속성

CSS에는 플로팅 팔레트 레지스트리가 없습니다. 색상을 사용자 정의 속성으로 저장한 다음 SVG 차트, 범례 및 인터페이스 스타일에서 같은 토큰을 사용하세요.

의미 있는 이름을 사용하면 스타일시트, 템플릿, 삽입 그래픽에 반복된 Hex 값을 일일이 찾는 것보다 나중에 팔레트를 바꾸기 쉽습니다.

:root {
 --oi-orange: #e69f00;
 --oi-sky-blue: #56b4e9;
 --oi-bluish-green: #009e73;
 --oi-yellow: #f0e442;
 --oi-blue: #0072b2;
 --oi-vermillion: #d55e00;
 --oi-reddish-purple: #cc79a7;
 --oi-black: #000000;
}

.series-a { color: var(--oi-orange); }
.series-b { color: var(--oi-sky-blue); }

실제로 내장된 구현 확인하기

그림을 내보내기 전에 다음을 확인하세요.

• 프로젝트에서 하나의 표준 색상 배열을 유지합니다.
• 패널과 범례 전체에서 범주 순서가 안정적인지 확인하고 소프트웨어별 변형을 기록합니다.
• 색상에 레이블, 마커, 선 스타일 또는 패턴을 함께 사용합니다.
• 최종 배경에서 노랑을 확인합니다.

색상 견본만 맞추지 말고 의미를 보존하세요. 공유 자산에는 하나의 Okabe-Ito 팔레트를 유지하고, 패키지 변형을 표시하며, 색상에 의미가 있다면 중복 인코딩을 추가하세요. (Okabe & Ito, 2008)

공유 색상 배열을 그림 데이터 계약의 일부로 다루세요.

차트와 과학 그림에서 팔레트를 사용해야 할 때

Okabe-Ito 팔레트는 치료군, 종, 기기, 방법 또는 다이어그램 구성 요소처럼 순서가 없는 명명된 그룹을 색으로 구분할 때 사용합니다. 8가지 색을 낮음에서 높음으로 이어지는 단계나 의미 있는 중앙값의 양쪽을 표시하는 데 사용하지 마세요. 그런 데이터에는 명도와 방향으로 크기를 전달하는 연속 척도가 필요합니다.

범주형 데이터와 순차 데이터

Okabe와 Ito의 지침은 낮음에서 높음으로 이어지는 수치 단계를 표현하는 것이 아니라 범주 구분을 위해 8가지 색을 제시합니다. 또한 중복 인코딩을 권하므로 출판용 그림에서는 색만으로 의미를 전달하지 말고 레이블, 모양, 선 스타일, 패턴 또는 다른 단서를 함께 사용해야 합니다. (EasyStats, 2026; Okabe & Ito, 2008)

선, 막대, 점, 다이어그램 및 히트맵

선 그래프에서는 계열마다 한 색을 유지하고 선 스타일이나 점 마커를 추가하세요. 단일 계열 막대그래프는 막대 길이로 크기를 보여 주므로 막대마다 다른 색을 쓰는 것보다 한 색이 더 명확한 경우가 많습니다. 막대가 실제로 서로 다른 명목 그룹을 뜻할 때만 여러 색을 사용하세요. 원형 차트에서는 색만 보고 비율을 식별하게 하지 말고 조각에 직접 레이블을 붙이고 범례도 유지하세요. W3C 지침은 색으로 정보를 전달할 때 비색상 단서를 요구합니다. (World Wide Web Consortium, 2024)

FigEditor 막대그래프 메이커는 그룹 및 누적 비교를 지원하고, 원형 차트 메이커는 조각 옆에 백분율 레이블을 유지합니다. 차트 유형이 달라도 원칙은 같습니다. 수치 순위가 아니라 범주에 색을 배정하세요. 행렬은 히트맵 생성기의 순차 척도로 낮음에서 높음을 나타내거나, 의미 있는 중심값을 기준으로 나뉘면 발산 척도를 사용하세요.

세 단계로 Okabe-Ito 팔레트 사용하기

1. 범주를 정하고 정확한 값을 복사합니다. 차트를 꾸미기 전에 소스 데이터 옆에 범주와 Hex의 대응 관계를 기록하세요.
2. 범주마다 하나의 안정적인 색을 배정합니다. 패널, 범례, 캡션, 표시 및 다이어그램 노드 전체에서 같은 대응 관계를 유지하세요.
3. 완성된 그림을 검증합니다. 색상에 의미가 있다면 직접 레이블, 마커 모양, 선 스타일, 경계 또는 패턴을 추가하고 최종 배경, 출력 크기, 회색조 보기 및 학술지 내보내기를 확인하세요.

FigEditor Studio의 래스터 과학 그림에는 Recolor를 사용하여 최대 4개의 사용자 정의 Hex 색상을 적용할 수 있습니다. 기능 그룹이 4개 이하라면 의도적으로 Okabe-Ito 부분집합을 선택하고, 다시 칠한 뒤에도 모든 과학적 관계와 레이블이 유지되는지 확인하세요.

팔레트 순서보다 범주 배정표가 더 중요합니다. 모든 패널에서 대조군은 파랑, 처리군은 주홍처럼 안정적으로 유지하면 다시 익힐 필요가 줄어듭니다. 패널마다 역할을 바꾸면 범주형 색상 체계의 장점이 사라집니다.

게시 전 확인할 접근성 한계와 점검 항목

Okabe-Ito 팔레트는 색각 이상 여부와 관계없이 구분하기 쉽도록 설계된 8가지 범주형 색상입니다. CVD 친화적이라는 뜻이지 보편적으로 접근 가능하다는 뜻은 아닙니다. WCAG 2.2는 색에 의미가 있을 때 비색상 단서를 별도로 요구하고, 필요한 그래픽 경계에는 3:1 대비가 필요할 수 있습니다. (Okabe & Ito, 2008; World Wide Web Consortium, 2024)

색상에만 의존하지 않기

독립된 색상 견본이 아니라 완성된 그림에 다음 체크리스트를 적용하세요.

• 모든 범주에 직접 레이블을 붙이거나 이름이 명확한 범례를 제공합니다.
• 범주가 겹치는 곳에는 마커, 선 스타일, 모양, 패턴 또는 경계를 추가합니다.
• 안내 문구가 “초록색 선”만으로 대상을 찾게 하지 않는지 확인합니다.
• 색을 제거해도 의도한 비교가 남는지 확인합니다.

마지막 항목은 WCAG의 색상 단독 사용 금지 원칙을 점검합니다. 흑백 렌더링에서 모든 차이가 보존된다는 의미는 아닙니다. (World Wide Web Consortium, 2024)

대비와 밝은 색 확인하기

텍스트 대비와 그래픽 객체 대비는 서로 다른 검사입니다. 레이블은 해당 텍스트 기준에 따라 배경과의 대비를 평가하세요. 필요한 막대와 점, 컨트롤 및 인접 경계는 그래픽 객체 기준으로 평가하고, 두 채움색이 3:1에 미치지 못하면 대비되는 외곽선을 사용할 수 있습니다. (World Wide Web Consortium, 2024)

노랑 #F0E442는 연구 계산상 흰색과 1.32:1 대비에 불과합니다. Okabe-Ito 색상이라도 가는 노란 표시나 노란 텍스트는 사라질 수 있습니다. (World Wide Web Consortium, 2024)

경고: CVD 시뮬레이션을 통과해도 텍스트 대비, 그래픽 객체 대비, 색상 단독 전달 또는 회색조 출력이 통과했다는 뜻은 아닙니다. 최종 배경과 출판 크기에서 각각 검사하세요. (World Wide Web Consortium, 2024)

회색조 안전성을 장담하지 말고 테스트하기

회색조에서는 색조가 명도로 축소됩니다. 주황과 하늘색은 상대 휘도가 거의 같아 컬러에서는 구분되어도 흑백 미리보기에서 합쳐질 수 있습니다. (World Wide Web Consortium, 2024) 회색조를 실패를 찾는 검사로 사용하고, 최종본에는 중복 레이블이나 선 스타일을 유지하세요.

범주가 8개보다 많을 때

원래 세트에는 8가지 색이 있습니다. (Okabe & Ito, 2008) 더 많은 범주가 필요하면 구분하기 어려운 비슷한 색을 임의로 만들지 마세요. 범주를 묶거나, 화면을 패싯으로 나누거나, 표시에 직접 레이블을 붙이거나, 모양이나 선 패턴 같은 두 번째 표현을 추가하세요. 하나의 긴 범례를 늘리는 것보다 여러 패싯에서 Okabe-Ito 팔레트를 재사용하는 편이 더 명확한 경우가 많습니다.

자주 묻는 질문

이 8색 범주형 세트는 많은 색각 이상 독자가 데이터 계열을 구분하도록 돕기 위한 것입니다. 대비, 회색조 분리 또는 색상만을 통한 전달을 인증하지는 않습니다. 레이블, 모양, 패턴 또는 선 스타일을 함께 사용하고 완성된 그림을 실제 맥락에서 검사하세요. (Okabe & Ito, 2008; World Wide Web Consortium, 2024)

Okabe-Ito 팔레트는 과학 그림에서 색각 이상에 안전한가요?

Okabe-Ito 팔레트는 많은 색각 이상 독자가 색을 더 쉽게 구분하도록 설계되었습니다. 그러나 접근성을 보장하지는 않습니다. 대비, 표시 크기, 배경, 회색조 출력, 색상만을 통한 정보 전달도 중요합니다. 모든 색상에 레이블, 모양, 패턴, 경계 또는 선 스타일을 함께 사용하고 완성된 그림을 검사하세요. (Okabe & Ito, 2008; World Wide Web Consortium, 2024)

Okabe-Ito 색상 팔레트를 Wong 팔레트라고도 부르는 이유는 무엇인가요?

Bang Wong이 2011년 Nature Methods 칼럼에서 과학 독자에게 이 색상을 소개했기 때문에 Wong 팔레트라고도 불립니다. 더 이른 Color Universal Design 지침은 Okabe와 Ito가 만들었습니다. 2023년 정정에서 2002년 발표로 가는 누락 링크가 복원되었으므로 “Okabe-Ito 팔레트”가 출처를 더 명확히 나타냅니다. (Wong, 2011, 2023)

Okabe-Ito 팔레트가 ggplot2 또는 Base R에 내장되어 있나요?

ggplot2 코어에는 scale_color_okabeito()가 없습니다. 명시적 Hex 벡터와 scale_colour_manual() 또는 scale_fill_manual()을 사용하세요. see 확장은 scale_color_okabeito()를 제공하고 Base R은 palette.colors()를 통해 명명된 Okabe-Ito 팔레트를 제공합니다. 명명된 구현을 쓰기 전에 패키지와 실제 색 순서를 확인하세요. (EasyStats, 2026; Posit, 2026; R Core Team, 2026)

범주가 8개보다 많으면 Okabe-Ito 팔레트를 어떻게 사용해야 하나요?

원래 Okabe-Ito 팔레트에는 8가지 범주형 색상이 있습니다. 더 많은 범주에는 구분하기 어려운 비슷한 색을 새로 만들지 마세요. 관련 클래스를 묶고 그림을 패싯으로 나누거나 표시를 직접 레이블링하거나 색에 모양과 선 스타일을 함께 사용하세요. 하나의 복잡한 범례를 늘리는 대신 패널 전체에서 안정적인 범주 배정을 재사용하세요. (Okabe & Ito, 2008)

Okabe-Ito 팔레트는 회색조에서도 작동하나요?

Okabe-Ito 팔레트가 회색조에서도 모두 구분된다는 보장은 없습니다. 출력이 명도로 변환되면 색조 차이가 사라지고, 주황과 하늘색은 계산된 휘도가 거의 같습니다. 회색조 미리보기를 실패 탐지용 검사로 사용하고 직접 레이블, 마커 모양, 패턴 또는 서로 다른 선 스타일로 의미를 유지하세요. (World Wide Web Consortium, 2024)

흰 배경에 Okabe-Ito 노랑을 사용해도 되나요?

흰 배경에서는 조심해서 사용하세요. WCAG 2.2 상대 휘도 계산에 따르면 #F0E442와 흰색의 대비는 약 1.32:1로, 필요한 그래픽 객체나 경계에 권장되는 3:1보다 낮습니다. 더 큰 표시, 어두운 배경, 대비되는 외곽선 또는 다른 팔레트 색을 사용하고 내보내기 크기에서 확인하세요. (World Wide Web Consortium, 2024)

원래 Okabe-Ito 팔레트와 확장 팔레트의 차이는 무엇인가요?

출처 팔레트는 검정으로 끝나는 8색입니다. 소프트웨어 변형은 회색을 추가하거나 순서를 바꾸거나 호박색에 가까운 노랑으로 교체할 수 있습니다. 따라서 “확장”은 하나의 보편 표준을 뜻하지 않습니다. 코드나 그림 방법에 정확한 Hex 목록과 순서를 기록해야 협업자가 같은 색을 재현할 수 있습니다. (EasyStats, 2026; Okabe & Ito, 2008; R Core Team, 2026)

결론: Okabe-Ito 팔레트를 보증이 아니라 시스템으로 사용하세요

Okabe-Ito 팔레트는 합격 여부를 나타내는 배지보다 조율된 시스템으로 사용할 때 가장 효과적입니다. 정확한 8개의 sRGB 색에서 시작해 범주형 데이터에 사용하고, 차트, 코드 및 내보낸 그림 전체에서 각 배정을 일정하게 유지하세요. (Okabe & Ito, 2008) 직접 레이블, 마커 모양, 선 스타일, 패턴 또는 대비되는 경계를 함께 사용합니다.

중요: 이 팔레트만으로 그림이 보편적으로 접근 가능해지지는 않습니다. WCAG 계산에서 노랑과 흰색의 대비는 1.32:1이고 주황과 하늘색의 상대 휘도는 거의 같습니다. (World Wide Web Consortium, 2024) 공개하기 전에 최종 크기, 배경, 표시 모드 및 예상 인쇄 조건에서 완성된 그림을 확인하세요.

Python, R, MATLAB 또는 CSS에서는 문서화된 API를 사용하고 적용한 정확한 변형을 명시하세요. Okabe-Ito 팔레트는 범주형 색상 선택의 첫 단계를 해결합니다. 특히 회색조 출력, 밝은 배경 또는 8개보다 많은 범주에서는 중복 인코딩과 실제 맥락 검사가 작업을 완성합니다. (Okabe & Ito, 2008; World Wide Web Consortium, 2024)

참고문헌

1. EasyStats. (2026). Okabe-Ito color palette. https://easystats.github.io/see/reference/scale_color_okabeito.html
2. MathWorks. (2026). colororder: Set or query color order palette. https://www.mathworks.com/help/matlab/ref/colororder.html
3. Matplotlib Development Team. (2026). matplotlib.axes.Axes.set_prop_cycle. https://matplotlib.org/stable/api/_as_gen/matplotlib.axes.Axes.set_prop_cycle.html
4. Okabe, M., & Ito, K. (2008). Color Universal Design (CUD): How to make figures and presentations that are friendly to colorblind people (Original work published 2002). https://jfly.uni-koeln.de/color/index.html
5. Posit. (2026). Create your own discrete scale. https://ggplot2.tidyverse.org/reference/scale_manual.html
6. R Core Team. (2026). Set or view the graphics palette. https://stat.ethz.ch/R-manual/R-devel/library/grDevices/html/palette.html
7. Waskom, M. (2024). seaborn.set_palette. https://seaborn.pydata.org/generated/seaborn.set_palette.html
8. Wong, B. (2011). Points of view: Color blindness. Nature Methods, 8(6), 441. https://doi.org/10.1038/nmeth.1618
9. Wong, B. (2023). Author correction: Points of view: Color blindness. Nature Methods, 20(8), 1266. https://doi.org/10.1038/s41592-023-01974-0
10. World Wide Web Consortium. (2024). Web Content Accessibility Guidelines (WCAG) 2.2. https://www.w3.org/TR/WCAG22/