台湾・日本の鉄道路線カラー(HEX コード・コントラスト確認)
台北捷運・高雄捷運・都営地下鉄・東京メトロ・JR東日本などの路線カラーを検索し、HEX をコピーして白文字・黒文字とのコントラスト比(WCAG)を確認できます。公式値と参考値を区別して表示します。
- ブラウザ内で処理・出典付きデータを使用
例:銀座、Bannan、JY、#FF9500(英語名・現地名のどちらでも探せます)
結果
40 路線
BR 文湖線
Wenhu Line
臺北捷運 / Taipei Metro
参考値 事業者は色コードを公表していません。公式サイトでこの路線に使われている色を記録した参考値です。
- HEX
#C48D32- RGB
- 196, 141, 50
文字とのコントラスト比(WCAG 2.x)
- 白文字 2.91:1 基準未満
- 黒文字 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 基準未満
- 黒文字 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 基準未満
- 黒文字 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 基準未満
- 黒文字 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 基準未満
- 黒文字 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 基準未満
- 黒文字 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 基準未満
- 黒文字 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 基準未満
- 黒文字 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 基準未満
- 黒文字 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 基準未満
- 黒文字 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 基準未満
- 黒文字 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 基準未満
- 黒文字 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 基準未満
- 黒文字 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 基準未満
- 黒文字 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 基準未満
- 黒文字 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 基準未満
- 黒文字 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 基準未満
- 黒文字 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 基準未満
- 黒文字 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 基準未満
- 黒文字 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 基準未満
- 黒文字 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 基準未満
- 黒文字 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 基準未満
- 黒文字 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
関連ツール
- 荷物サイズ計算(3辺の合計・容量)スーツケースや荷物の縦・横・高さから、3辺の合計と容量(リットル)を計算します。cm とインチの両方で表示し、入力した制限サイズを超えていないかも確認できます。
- 航空・鉄道の手荷物ルール比較(JAL・ANA・新幹線ほか)JAL・ANA・チャイナエアライン・エバー航空・スターラックス・Peach・タイガーエア台湾・ジェットスター・ジャパンと、JR東日本・JR東海・台湾高速鉄道の手荷物の個数・サイズ・重さを出典と確認日つきで表示し、手持ちの荷物と比べます。
- 乗り換え時間チェック(間に合うか計算)到着時刻、次の出発時刻、乗り換えに必要な時間(徒歩など)を入れると、使える分数と余裕を計算し、間に合うかどうかを表示します。深夜 0 時をまたぐ乗り換えや複数の乗り換えにも対応します。
- 交通パス比較(1 日乗車券・周遊パスと都度払い)1 回の運賃と乗車回数、1 日乗車券や周遊パスの価格を入力すると、それぞれの費用と最も安い方法、何回乗れば元が取れるか(損益分岐点)を計算します。料金は手入力の試算です。
- ガソリン代計算(燃費・距離・割り勘)走行距離と燃費(km/L、L/100km、mpg)、燃料価格、割り勘の人数から、必要な給油量、ガソリン代、1 人あたりの金額を計算します。往復や高速料金にも対応した試算です。
- EV 充電料金計算(電気自動車の充電費用)バッテリー容量と充電率(または充電する kWh)、充電効率、電気料金から、電気自動車の充電にかかる費用を試算します。kWh 課金と時間課金、固定料金・駐車料金にも対応。