科研圖表無障礙工具包

Okabe-Ito 色盲友善色盤,含精確的 HEX、RGB 與 CMYK 值,可直接複製為 CSS、matplotlib、R、JSON、CSV 或 SVG 程式碼。點擊任一色塊即可複製其 HEX。全部在你的瀏覽器中產生——無需註冊,不上傳任何檔案。

取得色盤程式碼
okabe-ito.css
: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;
}
名稱HEXRGBCMYK
黑色#0000000, 0, 00, 0, 0, 100
橘色#E69F00230, 159, 00, 50, 100, 0
天藍色#56B4E986, 180, 23380, 0, 0, 0
藍綠色#009E730, 158, 11597, 0, 75, 0
黃色#F0E442240, 228, 6610, 5, 90, 0
藍色#0072B20, 114, 178100, 50, 0, 0
朱紅色#D55E00213, 94, 00, 80, 100, 0
紫紅色#CC79A7204, 121, 16710, 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 的一部分公開供使用,被眾多科研樣式指南採用。這裡的下載檔案可直接用到你的圖表和程式碼中。

它真的色盲友善嗎?

它經過經驗設計,在綠色盲、紅色盲和藍色盲下都能保持可區分,是科研中最被廣泛推薦的預設色盤。但它不是數學上的保證,因此仍應避免只用顏色編碼,並在色覺缺陷模擬器中測試你的圖。

該下載哪種格式?

網頁圖表用 CSS,繪圖程式碼用 matplotlib 或 R,匯入其他工具用 CSV 或 JSON,需要現成色塊條用 SVG。所有檔案都包含同樣這 8 個已驗證顏色。

CMYK 值用於印刷可靠嗎?

它們是 Okabe 與 Ito 本人發布的 CMYK 資料,但轉錄自單一重現,因此若對色彩要求嚴格,請對照你的印刷流程確認。RGB 與 HEX 值已由多個獨立來源確認。

引用本頁

在論文、文章或 AI 輔助寫作中用到這些數值?請註明出處,方便讀者查核。

SciDraw AI. (2026). Scientific figure accessibility kit: Okabe-Ito palette files for CSS, Python, R, JSON, CSV and SVG [Reference files]. https://sci-draw.com/figure-accessibility-kit

本頁由 SciDraw AI 整理的表格和資料可依 CC BY 4.0 自由使用,只需標示 SciDraw AI 並附上本頁連結。 頁面中涉及的第三方標準、政策和配色方案,仍歸原作者所有。 CC BY 4.0

更多引用格式

想要在圖表中套用色盲友善配色的完整指南?

閱讀 Okabe-Ito 參考指南