LogoLogoSciDraw AI
  • 開始創作
  • 工具
  • 部落格
  • 價格
  • API
  • 教育優惠

科研圖表無障礙工具包

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(jfly).

如何用好它

  • 類別不超過四個時,優先用橘、天藍、藍、朱紅——這組在色覺缺陷模擬下兩兩對比度最高。
  • 不要只靠顏色:搭配不同線型、標記或紋理,讓圖在灰階列印下仍可分辨。
  • 避免紅綠同用;黃色不要用於細線和小字,它在白底上會消失。

常見問題

Okabe-Ito 色盤可以免費使用嗎?

可以。該色盤作為 Color Universal Design 的一部分公開供使用,被眾多科研樣式指南採用。這裡的下載檔案可直接用到你的圖表和程式碼中。

它真的色盲友善嗎?

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

該下載哪種格式?

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

CMYK 值用於印刷可靠嗎?

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

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

閱讀 Okabe-Ito 參考指南
LogoLogoSciDraw AI

為研究人員、研究生、教師與科普創作者打造的 AI 驅動科研繪圖平台。幾分鐘內即可製作符合發表或課堂標準的配圖、圖形摘要、TOC 圖、海報與教學插圖。無需任何設計技能。

EmailYouTubeXGitHubLinkedInInstagramStripe ClimateStripe Climate Contribution
工具
  • AI 繪圖
  • 科學數據視覺化
  • 圖形摘要製作工具
  • 科學圖表製作工具
  • 圖片轉換
  • 圖片向量化
  • 全部工具
熱門工具
  • 科學示意圖製作工具
  • 科學海報製作
  • 研究海報範本
  • 植物細胞圖
  • 路易士電子點式產生器
  • 分子軌域圖(MO 圖)產生器
  • PRISMA 流程圖產生器
  • 概念框架製作工具
應用情境
  • 博士生工具
  • 教育工作者工具
  • 期刊投稿用圖
  • BioRender 替代方案
資源
  • 部落格
  • 學術圖表繪製指南
  • 圖庫
  • 論文引用
  • 媒體素材
  • 開發者
公司
  • 關於我們
  • 價格
  • 聯盟計畫
  • 隱私權政策
  • 服務條款
© 2026 SciDraw AI All Rights Reserved.