台灣/日本鐵道路線色碼(HEX 與對比度)
查詢臺北捷運、高雄捷運、都營地下鐵、東京地下鐵、JR 東日本等路線的代表色,複製 HEX 色碼,並檢查與白色、黑色文字的 WCAG 對比度;官方值與參考值分開標示。
- 在瀏覽器內處理,使用附來源的靜態資料
例如:文湖、Ginza、JY、#FF9500(英文名稱與當地名稱都可以搜尋)
結果
40 條路線
BR 文湖線
Wenhu Line
臺北捷運 / Taipei Metro
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#C48D32- RGB
- 196, 141, 50
與文字的對比度(WCAG 2.x)
- 白色文字 2.91:1 未達 AA
- 黑色文字 7.20:1 符合 AAA
此底色搭配黑色文字較易閱讀。
來源: Taipei Metro official route map — stylesheet webstyle.css(在新分頁開啟)
取自:--color-brR 淡水信義線
Tamsui–Xinyi Line
臺北捷運 / Taipei Metro
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#E4002C- RGB
- 228, 0, 44
與文字的對比度(WCAG 2.x)
- 白色文字 4.84:1 符合 AA
- 黑色文字 4.33:1 僅大字符合 AA
此底色搭配白色文字較易閱讀。
來源: Taipei Metro official route map — stylesheet webstyle.css(在新分頁開啟)
取自:--color-rG 松山新店線
Songshan–Xindian Line
臺北捷運 / Taipei Metro
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#008659- RGB
- 0, 134, 89
與文字的對比度(WCAG 2.x)
- 白色文字 4.61:1 符合 AA
- 黑色文字 4.55:1 符合 AA
此底色搭配白色文字較易閱讀。
來源: Taipei Metro official route map — stylesheet webstyle.css(在新分頁開啟)
取自:--color-gO 中和新蘆線
Zhonghe–Xinlu Line
臺北捷運 / Taipei Metro
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#F8B616- RGB
- 248, 182, 22
與文字的對比度(WCAG 2.x)
- 白色文字 1.79:1 未達 AA
- 黑色文字 11.69:1 符合 AAA
此底色搭配黑色文字較易閱讀。
來源: Taipei Metro official route map — stylesheet webstyle.css(在新分頁開啟)
取自:--color-oBL 板南線
Bannan Line
臺北捷運 / Taipei Metro
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#0070BD- RGB
- 0, 112, 189
與文字的對比度(WCAG 2.x)
- 白色文字 5.18:1 符合 AA
- 黑色文字 4.05:1 僅大字符合 AA
此底色搭配白色文字較易閱讀。
來源: Taipei Metro official route map — stylesheet webstyle.css(在新分頁開啟)
取自:--color-blY 環狀線
Circular Line
臺北捷運 / Taipei Metro
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#FFDA00- RGB
- 255, 218, 0
與文字的對比度(WCAG 2.x)
- 白色文字 1.37:1 未達 AA
- 黑色文字 15.28:1 符合 AAA
此底色搭配黑色文字較易閱讀。
環狀線由新北捷運營運;色碼取自臺北捷運官方路網圖。
來源: Taipei Metro official route map — stylesheet webstyle.css(在新分頁開啟)
取自:--color-yR 紅線
Red Line
高雄捷運 / Kaohsiung Metro
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#E30964- RGB
- 227, 9, 100
與文字的對比度(WCAG 2.x)
- 白色文字 4.67:1 符合 AA
- 黑色文字 4.48:1 僅大字符合 AA
此底色搭配白色文字較易閱讀。
來源: Kaohsiung Metro official website — stylesheet page.css(在新分頁開啟)
取自:.lineRedO 橘線
Orange Line
高雄捷運 / Kaohsiung Metro
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#FF9500- RGB
- 255, 149, 0
與文字的對比度(WCAG 2.x)
- 白色文字 2.19:1 未達 AA
- 黑色文字 9.55:1 符合 AAA
此底色搭配黑色文字較易閱讀。
來源: Kaohsiung Metro official website — stylesheet page.css(在新分頁開啟)
取自:.lineOrangeC 環狀輕軌
Circular Light Rail
高雄捷運 / Kaohsiung Metro
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#8FC31F- RGB
- 143, 195, 31
與文字的對比度(WCAG 2.x)
- 白色文字 2.10:1 未達 AA
- 黑色文字 9.99:1 符合 AAA
此底色搭配黑色文字較易閱讀。
來源: Kaohsiung Metro official website — stylesheet page.css(在新分頁開啟)
取自:.lineLRTA 機場捷運(普通車)
Airport MRT (Commuter)
桃園捷運 / Taoyuan Metro
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#0068B7- RGB
- 0, 104, 183
與文字的對比度(WCAG 2.x)
- 白色文字 5.73:1 符合 AA
- 黑色文字 3.66:1 僅大字符合 AA
此底色搭配白色文字較易閱讀。
桃園捷運以顏色區分普通車與直達車,未公布整條路線的代表色。
來源: Taoyuan Metro official website — route page legend(在新分頁開啟)
取自:普通車 legend backgroundA 機場捷運(直達車)
Airport MRT (Express)
桃園捷運 / Taoyuan Metro
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#7B59A3- RGB
- 123, 89, 163
與文字的對比度(WCAG 2.x)
- 白色文字 5.52:1 符合 AA
- 黑色文字 3.80:1 僅大字符合 AA
此底色搭配白色文字較易閱讀。
桃園捷運以顏色區分普通車與直達車,未公布整條路線的代表色。
來源: Taoyuan Metro official website — route page legend(在新分頁開啟)
取自:直達車 legend backgroundA 浅草線
Asakusa Line
都営地下鉄 / Toei Subway
官方 營運業者以開放資料公布的色碼。
- HEX
#FF535F- RGB
- 255, 83, 95
與文字的對比度(WCAG 2.x)
- 白色文字 3.15:1 僅大字符合 AA
- 黑色文字 6.65:1 符合 AA
此底色搭配黑色文字較易閱讀。
來源: ODPT public API — Toei odpt:Railway (odpt:color), CC BY 4.0: 東京都交通局・公共交通オープンデータ協議会(在新分頁開啟) (dc:date 2024-06-27); Toei Train GTFS routes.txt (route_color), CC BY 4.0: 東京都交通局・公共交通オープンデータ協議会(在新分頁開啟) (feed_version 20261009)
取自:odpt.Railway:Toei.AsakusaI 三田線
Mita Line
都営地下鉄 / Toei Subway
官方 營運業者以開放資料公布的色碼。
- HEX
#0067B0- RGB
- 0, 103, 176
與文字的對比度(WCAG 2.x)
- 白色文字 5.88:1 符合 AA
- 黑色文字 3.56:1 僅大字符合 AA
此底色搭配白色文字較易閱讀。
來源: ODPT public API — Toei odpt:Railway (odpt:color), CC BY 4.0: 東京都交通局・公共交通オープンデータ協議会(在新分頁開啟) (dc:date 2024-06-27); Toei Train GTFS routes.txt (route_color), CC BY 4.0: 東京都交通局・公共交通オープンデータ協議会(在新分頁開啟) (feed_version 20261009)
取自:odpt.Railway:Toei.MitaS 新宿線
Shinjuku Line
都営地下鉄 / Toei Subway
官方 營運業者以開放資料公布的色碼。
- HEX
#9FB01C- RGB
- 159, 176, 28
與文字的對比度(WCAG 2.x)
- 白色文字 2.41:1 未達 AA
- 黑色文字 8.70:1 符合 AAA
此底色搭配黑色文字較易閱讀。
來源: ODPT public API — Toei odpt:Railway (odpt:color), CC BY 4.0: 東京都交通局・公共交通オープンデータ協議会(在新分頁開啟) (dc:date 2024-06-27); Toei Train GTFS routes.txt (route_color), CC BY 4.0: 東京都交通局・公共交通オープンデータ協議会(在新分頁開啟) (feed_version 20261009)
取自:odpt.Railway:Toei.ShinjukuE 大江戸線
Oedo Line
都営地下鉄 / Toei Subway
官方 營運業者以開放資料公布的色碼。
- HEX
#CF3366- RGB
- 207, 51, 102
與文字的對比度(WCAG 2.x)
- 白色文字 4.86:1 符合 AA
- 黑色文字 4.31:1 僅大字符合 AA
此底色搭配白色文字較易閱讀。
來源: ODPT public API — Toei odpt:Railway (odpt:color), CC BY 4.0: 東京都交通局・公共交通オープンデータ協議会(在新分頁開啟) (dc:date 2024-06-27); Toei Train GTFS routes.txt (route_color), CC BY 4.0: 東京都交通局・公共交通オープンデータ協議会(在新分頁開啟) (feed_version 20261009)
取自:odpt.Railway:Toei.OedoG 銀座線
Ginza Line
東京メトロ / Tokyo Metro
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#FF9500- RGB
- 255, 149, 0
與文字的對比度(WCAG 2.x)
- 白色文字 2.19:1 未達 AA
- 黑色文字 9.55:1 符合 AAA
此底色搭配黑色文字較易閱讀。
來源: Tokyo Metro official website — line icons (/library/common/img/route/)(在新分頁開啟)
取自:icon_ginza.pngM 丸ノ内線
Marunouchi Line
東京メトロ / Tokyo Metro
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#F62E36- RGB
- 246, 46, 54
與文字的對比度(WCAG 2.x)
- 白色文字 3.91:1 僅大字符合 AA
- 黑色文字 5.36:1 符合 AA
此底色搭配黑色文字較易閱讀。
來源: Tokyo Metro official website — line icons (/library/common/img/route/)(在新分頁開啟)
取自:icon_marunouchi.pngH 日比谷線
Hibiya Line
東京メトロ / Tokyo Metro
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#B5B5AC- RGB
- 181, 181, 172
與文字的對比度(WCAG 2.x)
- 白色文字 2.06:1 未達 AA
- 黑色文字 10.17:1 符合 AAA
此底色搭配黑色文字較易閱讀。
來源: Tokyo Metro official website — line icons (/library/common/img/route/)(在新分頁開啟)
取自:icon_hibiya.pngT 東西線
Tozai Line
東京メトロ / Tokyo Metro
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#009BBF- RGB
- 0, 155, 191
與文字的對比度(WCAG 2.x)
- 白色文字 3.26:1 僅大字符合 AA
- 黑色文字 6.44:1 符合 AA
此底色搭配黑色文字較易閱讀。
來源: Tokyo Metro official website — line icons (/library/common/img/route/)(在新分頁開啟)
取自:icon_tozai.pngC 千代田線
Chiyoda Line
東京メトロ / Tokyo Metro
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#00BB85- RGB
- 0, 187, 133
與文字的對比度(WCAG 2.x)
- 白色文字 2.48:1 未達 AA
- 黑色文字 8.44:1 符合 AAA
此底色搭配黑色文字較易閱讀。
來源: Tokyo Metro official website — line icons (/library/common/img/route/)(在新分頁開啟)
取自:icon_chiyoda.pngY 有楽町線
Yurakucho Line
東京メトロ / Tokyo Metro
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#C1A470- RGB
- 193, 164, 112
與文字的對比度(WCAG 2.x)
- 白色文字 2.38:1 未達 AA
- 黑色文字 8.81:1 符合 AAA
此底色搭配黑色文字較易閱讀。
來源: Tokyo Metro official website — line icons (/library/common/img/route/)(在新分頁開啟)
取自:icon_yurakucho.pngZ 半蔵門線
Hanzomon Line
東京メトロ / Tokyo Metro
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#8F76D6- RGB
- 143, 118, 214
與文字的對比度(WCAG 2.x)
- 白色文字 3.66:1 僅大字符合 AA
- 黑色文字 5.73:1 符合 AA
此底色搭配黑色文字較易閱讀。
來源: Tokyo Metro official website — line icons (/library/common/img/route/)(在新分頁開啟)
取自:icon_hanzomon.pngN 南北線
Namboku Line
東京メトロ / Tokyo Metro
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#00AC9B- RGB
- 0, 172, 155
與文字的對比度(WCAG 2.x)
- 白色文字 2.84:1 未達 AA
- 黑色文字 7.37:1 符合 AAA
此底色搭配黑色文字較易閱讀。
來源: Tokyo Metro official website — line icons (/library/common/img/route/)(在新分頁開啟)
取自:icon_namboku.pngF 副都心線
Fukutoshin Line
東京メトロ / Tokyo Metro
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#9C5E31- RGB
- 156, 94, 49
與文字的對比度(WCAG 2.x)
- 白色文字 5.17:1 符合 AA
- 黑色文字 4.05:1 僅大字符合 AA
此底色搭配白色文字較易閱讀。
來源: Tokyo Metro official website — line icons (/library/common/img/route/)(在新分頁開啟)
取自:icon_fukutoshin.pngJY 山手線
Yamanote Line
JR東日本 / JR East
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#85C023- RGB
- 133, 192, 35
與文字的對比度(WCAG 2.x)
- 白色文字 2.19:1 未達 AA
- 黑色文字 9.56:1 符合 AAA
此底色搭配黑色文字較易閱讀。
來源: JR East train information (Kanto) — line symbol SVG icons, via the Internet Archive(在新分頁開啟) (archived 2026-10-22 to 2026-11-01)
取自:ico_rosen_jy.svg (.cls-2 fill)JK 京浜東北線
Keihin-Tohoku Line
JR東日本 / JR East
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#00A7E3- RGB
- 0, 167, 227
與文字的對比度(WCAG 2.x)
- 白色文字 2.74:1 未達 AA
- 黑色文字 7.63:1 符合 AAA
此底色搭配黑色文字較易閱讀。
來源: JR East train information (Kanto) — line symbol SVG icons, via the Internet Archive(在新分頁開啟) (archived 2026-10-22 to 2026-11-01)
取自:ico_rosen_jk.svg (.cls-2 fill)JC 中央線快速電車・青梅線・五日市線
Chuo Line (Rapid), Ome Line, Itsukaichi Line
JR東日本 / JR East
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#EB5C01- RGB
- 235, 92, 1
與文字的對比度(WCAG 2.x)
- 白色文字 3.46:1 僅大字符合 AA
- 黑色文字 6.06:1 符合 AA
此底色搭配黑色文字較易閱讀。
多條路線共用同一個路線符號。
來源: JR East train information (Kanto) — line symbol SVG icons, via the Internet Archive(在新分頁開啟) (archived 2026-10-22 to 2026-11-01)
取自:ico_rosen_jc.svg (.cls-2 fill)JB 中央・総武各駅停車
Chuo-Sobu Line (Local)
JR東日本 / JR East
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#FFE500- RGB
- 255, 229, 0
與文字的對比度(WCAG 2.x)
- 白色文字 1.27:1 未達 AA
- 黑色文字 16.45:1 符合 AAA
此底色搭配黑色文字較易閱讀。
來源: JR East train information (Kanto) — line symbol SVG icons, via the Internet Archive(在新分頁開啟) (archived 2026-10-22 to 2026-11-01)
取自:ico_rosen_jb.svg (.cls-2 fill)JA 埼京線
Saikyo Line
JR東日本 / JR East
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#00AC84- RGB
- 0, 172, 132
與文字的對比度(WCAG 2.x)
- 白色文字 2.90:1 未達 AA
- 黑色文字 7.23:1 符合 AAA
此底色搭配黑色文字較易閱讀。
來源: JR East train information (Kanto) — line symbol SVG icons, via the Internet Archive(在新分頁開啟) (archived 2026-10-22 to 2026-11-01)
取自:ico_rosen_ja.svg (.cls-2 fill)JS 湘南新宿ライン
Shonan-Shinjuku Line
JR東日本 / JR East
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#DE0515- RGB
- 222, 5, 21
與文字的對比度(WCAG 2.x)
- 白色文字 5.07:1 符合 AA
- 黑色文字 4.13:1 僅大字符合 AA
此底色搭配白色文字較易閱讀。
來源: JR East train information (Kanto) — line symbol SVG icons, via the Internet Archive(在新分頁開啟) (archived 2026-10-22 to 2026-11-01)
取自:ico_rosen_js.svg (.cls-2 fill)JT 東海道線
Tokaido Line
JR東日本 / JR East
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#FF9845- RGB
- 255, 152, 69
與文字的對比度(WCAG 2.x)
- 白色文字 2.13:1 未達 AA
- 黑色文字 9.82:1 符合 AAA
此底色搭配黑色文字較易閱讀。
來源: JR East train information (Kanto) — line symbol SVG icons, via the Internet Archive(在新分頁開啟) (archived 2026-10-22 to 2026-11-01)
取自:ico_rosen_jt.svg (.cls-2 fill)JU 宇都宮線・高崎線
Utsunomiya Line, Takasaki Line
JR東日本 / JR East
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#FF9845- RGB
- 255, 152, 69
與文字的對比度(WCAG 2.x)
- 白色文字 2.13:1 未達 AA
- 黑色文字 9.82:1 符合 AAA
此底色搭配黑色文字較易閱讀。
多條路線共用同一個路線符號。
來源: JR East train information (Kanto) — line symbol SVG icons, via the Internet Archive(在新分頁開啟) (archived 2026-10-22 to 2026-11-01)
取自:ico_rosen_ju.svg (.cls-2 fill)JO 横須賀線・総武快速線
Yokosuka Line, Sobu Line (Rapid)
JR東日本 / JR East
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#0074BE- RGB
- 0, 116, 190
與文字的對比度(WCAG 2.x)
- 白色文字 4.95:1 符合 AA
- 黑色文字 4.24:1 僅大字符合 AA
此底色搭配白色文字較易閱讀。
多條路線共用同一個路線符號。
來源: JR East train information (Kanto) — line symbol SVG icons, via the Internet Archive(在新分頁開啟) (archived 2026-10-22 to 2026-11-01)
取自:ico_rosen_jo.svg (.cls-2 fill)JJ 常磐線快速電車
Joban Line (Rapid)
JR東日本 / JR East
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#00C18A- RGB
- 0, 193, 138
與文字的對比度(WCAG 2.x)
- 白色文字 2.33:1 未達 AA
- 黑色文字 8.99:1 符合 AAA
此底色搭配黑色文字較易閱讀。
來源: JR East train information (Kanto) — line symbol SVG icons, via the Internet Archive(在新分頁開啟) (archived 2026-10-22 to 2026-11-01)
取自:ico_rosen_jj.svg (.cls-2 fill)JL 常磐線各駅停車
Joban Line (Local)
JR東日本 / JR East
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#9E9E9F- RGB
- 158, 158, 159
與文字的對比度(WCAG 2.x)
- 白色文字 2.67:1 未達 AA
- 黑色文字 7.84:1 符合 AAA
此底色搭配黑色文字較易閱讀。
來源: JR East train information (Kanto) — line symbol SVG icons, via the Internet Archive(在新分頁開啟) (archived 2026-10-22 to 2026-11-01)
取自:ico_rosen_jl.svg (.cls-2 fill)JE 京葉線
Keiyo Line
JR東日本 / JR East
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#CF1225- RGB
- 207, 18, 37
與文字的對比度(WCAG 2.x)
- 白色文字 5.57:1 符合 AA
- 黑色文字 3.76:1 僅大字符合 AA
此底色搭配白色文字較易閱讀。
來源: JR East train information (Kanto) — line symbol SVG icons, via the Internet Archive(在新分頁開啟) (archived 2026-10-22 to 2026-11-01)
取自:ico_rosen_je.svg (.cls-2 fill)JM 武蔵野線
Musashino Line
JR東日本 / JR East
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#EB5C01- RGB
- 235, 92, 1
與文字的對比度(WCAG 2.x)
- 白色文字 3.46:1 僅大字符合 AA
- 黑色文字 6.06:1 符合 AA
此底色搭配黑色文字較易閱讀。
來源: JR East train information (Kanto) — line symbol SVG icons, via the Internet Archive(在新分頁開啟) (archived 2026-10-22 to 2026-11-01)
取自:ico_rosen_jm.svg (.cls-2 fill)JN 南武線
Nambu Line
JR東日本 / JR East
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#FFE400- RGB
- 255, 228, 0
與文字的對比度(WCAG 2.x)
- 白色文字 1.28:1 未達 AA
- 黑色文字 16.34:1 符合 AAA
此底色搭配黑色文字較易閱讀。
來源: JR East train information (Kanto) — line symbol SVG icons, via the Internet Archive(在新分頁開啟) (archived 2026-10-22 to 2026-11-01)
取自:ico_rosen_jn.svg (.cls-2 fill)JH 横浜線
Yokohama Line
JR東日本 / JR East
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#85C023- RGB
- 133, 192, 35
與文字的對比度(WCAG 2.x)
- 白色文字 2.19:1 未達 AA
- 黑色文字 9.56:1 符合 AAA
此底色搭配黑色文字較易閱讀。
來源: JR East train information (Kanto) — line symbol SVG icons, via the Internet Archive(在新分頁開啟) (archived 2026-10-22 to 2026-11-01)
取自:ico_rosen_jh.svg (.cls-2 fill)JI 鶴見線
Tsurumi Line
JR東日本 / JR East
參考值 業者未公布色碼;這是業者官方網站上用來代表此路線的顏色,僅供參考。
- HEX
#FFE500- RGB
- 255, 229, 0
與文字的對比度(WCAG 2.x)
- 白色文字 1.27:1 未達 AA
- 黑色文字 16.45:1 符合 AAA
此底色搭配黑色文字較易閱讀。
來源: JR East train information (Kanto) — line symbol SVG icons, via the Internet Archive(在新分頁開啟) (archived 2026-10-22 to 2026-11-01)
取自:ico_rosen_ji.svg (.cls-2 fill)
使用方式
- 選擇地區或營運業者,或以路線名稱、路線代碼、HEX 搜尋。
- 在卡片上複製 HEX,並查看與白色、黑色文字的對比度與 WCAG 等級。
- 需要時將目前顯示的路線存成 CSV;使用「參考值」前請先確認來源。
常見問題
「官方」和「參考值」有什麼不同?
「官方」是業者以開放資料公布的色碼(都營地下鐵)。「參考值」則是業者沒有公布色碼,我們記錄其官方網站路線圖示或樣式表使用的顏色。
為什麼和車站招牌的顏色有點不同?
螢幕用的顏色和招牌、車體、印刷品使用的油漆或油墨不一定相同。需要精確色彩規格時,請洽詢各營運業者。
對比度怎麼計算?
依 WCAG 2.x 的相對亮度公式計算,比值無條件捨去到小數第 2 位。4.5:1 以上符合 AA,7:1 以上符合 AAA,3:1 以上僅大字符合 AA。
可以把路線色用在設計上嗎?
色碼數值屬於事實資料,但路線符號與標誌等設計屬於各業者。請避免可能被誤認為官方標示的用法,必要時確認業者的規定。
注意事項與限制
- 你輸入的內容只在此頁面處理,不會傳送到 YUCTS 的伺服器。
- 目前收錄台灣 3 家、日本 3 家業者共 40 筆(2026-11-06 查核),新路線或色彩變更可能尚未反映。
- 只有都營地下鐵的色碼是官方開放資料(CC BY 4.0,東京都交通局・公共交通オープンデータ協議会);其他為業者官方網站使用的顏色,屬參考值,不一定是業者訂定的正式顏色。
- JR 東日本官方網站無法直接連線,因此改從 Internet Archive 保存的同一檔案取得顏色。
- 螢幕上的顯示效果會因螢幕與色彩設定而不同。
資料來源
- ODPT public API — Toei odpt:Railway (odpt:color), CC BY 4.0: 東京都交通局・公共交通オープンデータ協議会(在新分頁開啟) (dc:date 2024-06-27) — 查核日期: 2026-11-06
- Toei Train GTFS routes.txt (route_color), CC BY 4.0: 東京都交通局・公共交通オープンデータ協議会(在新分頁開啟) (feed_version 20261009) — 查核日期: 2026-11-06
- Tokyo Metro official website — line icons (/library/common/img/route/)(在新分頁開啟) — 查核日期: 2026-11-06
- JR East train information (Kanto) — line symbol SVG icons, via the Internet Archive(在新分頁開啟) (archived 2026-10-22 to 2026-11-01) — 查核日期: 2026-11-06
- Taipei Metro official route map — stylesheet webstyle.css(在新分頁開啟) — 查核日期: 2026-11-06
- Kaohsiung Metro official website — stylesheet page.css(在新分頁開啟) — 查核日期: 2026-11-06
- Taoyuan Metro official website — route page legend(在新分頁開啟) — 查核日期: 2026-11-06
相關工具
- 行李尺寸計算器(三邊總和與容積)輸入行李箱的長、寬、高,算出三邊總和與容積(公升),同時以公分與英吋顯示,還能檢查是否超過你輸入的尺寸限制。
- 航空/鐵路行李規則查詢(JAL、ANA、新幹線、高鐵等)整理 JAL、ANA、中華航空、長榮、星宇、樂桃、台灣虎航、捷星日本與 JR 東日本、JR 東海、台灣高鐵的手提/託運行李件數、尺寸與重量規定,附出處與查核日,並可比對你的行李。
- 交通轉乘時間計算器(來得及嗎?)輸入抵達時間、下一班出發時間與轉乘所需時間(步行等),計算可用的分鐘數與寬裕時間,判斷是否來得及;也支援跨午夜與多段轉乘。
- 交通票券比較器(一日券、周遊券 vs 單程票)輸入單程票價、搭乘次數,以及一日券、周遊券的價格,計算各方案的費用、最省的方式,以及要搭幾次才回本(損益平衡次數)。票價皆為手動輸入的試算。
- 汽車油費計算器(油耗、距離、分攤)輸入行駛距離、油耗(km/L、L/100km、mpg)、油價與分攤人數,計算需要的加油量、油費與每人分攤金額。支援來回與過路費等其他費用的試算。
- 電動車充電費用計算依電池容量與充電前後電量(或要充的度數)、充電效率與電價,試算電動車充電的費用。支援依度數或依時間計費,以及固定費用與停車費。