科研圖表無障礙工具包
Okabe-Ito 色盲友善色盤,含精確的 HEX、RGB 與 CMYK 值,可直接複製為 CSS、matplotlib、R、JSON、CSV 或 SVG 程式碼。點擊任一色塊即可複製其 HEX。全部在你的瀏覽器中產生——無需註冊,不上傳任何檔案。
: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;
}
| 名稱 | HEX | RGB | CMYK |
|---|---|---|---|
| 黑色 | #000000 | 0, 0, 0 | 0, 0, 0, 100 |
| 橘色 | #E69F00 | 230, 159, 0 | 0, 50, 100, 0 |
| 天藍色 | #56B4E9 | 86, 180, 233 | 80, 0, 0, 0 |
| 藍綠色 | #009E73 | 0, 158, 115 | 97, 0, 75, 0 |
| 黃色 | #F0E442 | 240, 228, 66 | 10, 5, 90, 0 |
| 藍色 | #0072B2 | 0, 114, 178 | 100, 50, 0, 0 |
| 朱紅色 | #D55E00 | 213, 94, 0 | 0, 80, 100, 0 |
| 紫紅色 | #CC79A7 | 204, 121, 167 | 10, 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 值已由多個獨立來源確認。
想要在圖表中套用色盲友善配色的完整指南?
閱讀 Okabe-Ito 參考指南