カラーバリアフリーの資料にカラーコードをマージしたもの

# ベースカラー(BaseColor)
- 案内図・地図など広い面積の塗り分けに用いる低・中彩度色

<table>
  <tr>
    <th>色の名前</th>
    <th>色味</th>
    <th>RGB値</th>
    <th>カラーコード</th>
  </tr>
  <tr><tr>
  <tr>
    <td>明るいピンク(BrightPink)</td>
    <td><font color="#FFCACF">■</font></td>
    <td>255, 202, 191</td>
    <td>#FFCACF</td>
  </tr>
  <tr>
  <tr>
    <td>クリーム(Cream)</td>
    <td><font color="#FFFF80">■</font></td>
    <td>255, 255, 128</td>
    <td>#FFFF80</td>
  </tr>
  <tr>
  <tr>
    <td>明るい黄緑(BrightYellowGreen)</td>
    <td><font color="#D8F255">■</font></td>
    <td>216, 242, 85</td>
    <td>#D8F255</td>
  </tr>
  <tr>
  <tr>
    <td>明るい空色(BrightSkyBlue)</td>
    <td><font color="#BFE4FF">■</font></td>
    <td>191, 228, 255</td>
    <td>#BFE4FF</td>
  </tr>
  <tr>
  <tr>
    <td>ベージュ(Beige)</td>
    <td><font color="#FFCA80">■</font></td>
    <td>255, 202, 128</td>
    <td>#FFCA80</td>
  </tr>
  <tr>
  <tr>
    <td>明るい緑(BrightGreen)</td>
    <td><font color="#77D9A8">■</font></td>
    <td>119, 217, 168</td>
    <td>#77D9A8</td>
  </tr>
  <tr>
  <tr>
    <td>明るい紫(BrightPurple)</td>
    <td><font color="#C9ACE6">■</font></td>
    <td>201, 172, 230</td>
    <td>#C9ACE6</td>
  </tr>
</table>

# アクセントカラー(AccentColor)
- サイン・グラフなど小面積を目立たせる高彩度色

<table>
  <tr>
    <th>色の名前</th>
    <th>色味</th>
    <th>RGB値</th>
    <th>カラーコード</th>
  </tr>
  <tr><tr>
  <tr>
    <td>赤(Red)</td>
    <td><font color="#FF4B00">■</font></td>
    <td>255, 75, 0</td>
    <td>#FF4B00</td>
  </tr>
  <tr>
  <tr>
    <td>黄色(Yellow)</td>
    <td><font color="#FFF100">■</font></td>
    <td>255, 241, 0</td>
    <td>#FFF100</td>
  </tr>
  <tr>
  <tr>
    <td>緑(Green)</td>
    <td><font color="#03AF7A">■</font></td>
    <td>3, 175, 122</td>
    <td>#03AF7A</td>
  </tr>
  <tr>
  <tr>
    <td>青(Blue)</td>
    <td><font color="#005AFF">■</font></td>
    <td>0, 90, 255</td>
    <td>#005AFF</td>
  </tr>
  <tr>
  <tr>
    <td>空色(SkyBlue)</td>
    <td><font color="#4DC4FF">■</font></td>
    <td>77, 196, 255</td>
    <td>#4DC4FF</td>
  </tr>
  <tr>
  <tr>
    <td>ピンク(Pink)</td>
    <td><font color="#FF8082">■</font></td>
    <td>255, 128, 130</td>
    <td>#FF8082</td>
  </tr>
  <tr>
  <tr>
    <td>オレンジ(Orange)</td>
    <td><font color="#F6AA00">■</font></td>
    <td>246, 170, 0</td>
    <td>#F6AA00</td>
  </tr>
  <tr>
  <tr>
    <td>紫(Purple)</td>
    <td><font color="#990099">■</font></td>
    <td>153, 0, 153</td>
    <td>#990099</td>
  </tr>
  <tr>
  <tr>
    <td>茶色(Brown)</td>
    <td><font color="#804000">■</font></td>
    <td>128, 64, 0</td>
    <td>#804000</td>
  </tr>
</table>


# 無彩色(NonColored)

<table>
  <tr>
    <th>色の名前</th>
    <th>色味</th>
    <th>RGB値</th>
    <th>カラーコード</th>
  </tr>
  <tr>
    <td>白(White)</td>
    <td><font color="#FFFFFF">■</font></td>
    <td>255, 255, 255</td>
    <td>#FFFFFF</td>
  </tr>
  <tr>
  <tr>
    <td>明るいグレー(LightGray)</td>
    <td><font color="#C8C8CB">■</font></td>
    <td>200, 200, 203</td>
    <td>#C8C8CB</td>
  </tr>
  <tr>
  <tr>
    <td>グレー(Gray)</td>
    <td><font color="#84959E">■</font></td>
    <td>132, 145, 158</td>
    <td>#84959E</td>
  </tr>
  <tr>
  <tr>
    <td>黒(Black)</td>
    <td><font color="#000000">■</font></td>
    <td>0, 0, 0</td>
    <td>#000000</td>
  </tr>
</table>


# 参考
- カラーユニバーサルデザイン推奨配色セット ver.4

https://jfly.uni-koeln.de/colorset/CUD_color_set_GuideBook_2018_for_print_cs4.pdf

- trタグでqiitaの表の中のグレー塗りを回避する方法を参考にしました。

https://qiita.com/TETSURO1999/items/df1e3a9d9e5abbe414da

# そのうちGitHubにあげる予定のマテリアル
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/d7c4007f-2068-ecdf-4d98-b9e01631ac1a.png)