「色のバリアフリーに配慮した色見本」をRGB化してみた
「カラーユニバーサルデザイン推奨配色セット」では、被験者実験による調整を重ね、どのような色覚の人にも比較的見分けやすい色を絞り込んだ配色セットを「色のバリアフリーに配慮した色見本」として公開してくれてるんだけど、今のところJPMA色表かマンセル値しか出てないのよね。
そのうちRGBも出してくれるんじゃないかと思うんだけど、その前に勝手に近似値を洗い出してRGB値を算出して見たよ。RGBは色範囲がせまくて厳密な「同じ色」ではないんだけど、1つの目安にはなるんじゃないかな?
近似値は「カラーユニバーサルデザイン推奨配色セット」に掲載されている色を拾い出した値(ピッカー)と、色出し名人でマンセル値をRGB化した2種類を載せています。
自分で作っておいて何だけど、ちょっと色の組み合わせが微妙かも。本職推奨のRGBを待った方が得策かも知れません。
アクセントカラー
| 色の名前 | ピッカー | 色出し名人 | 
|---|---|---|
| 赤 | #EC6110 | #CF4B34 | 
| 黄 | #FFF100 | #ECD700 | 
| 緑 | #07AF7B | #00A87E | 
| 青 | #3169B3 | #4057AC | 
| オレンジ | #F5A101 | #F47E00 | 
| 空色 | #68C8F2 | #62B1E2 | 
| ピンク | #EF908A | #FF8491 | 
| 茶色 | #8A3B2C | #703927 | 
| 紫 | #A53D92 | #8D427E | 
ベースカラー
| 色の名前 | ピッカー | 色出し名人 | 
|---|---|---|
| 明るいピンク | #F6C6C6 | #FFB0AD | 
| クリーム | #FEF4AD | #F5E1A8 | 
| 明るい緑 | #87C9A5 | #82B697 | 
| 明るい空色 | #B9E3F9 | #A8C9E2 | 
| ベージュ | #F9CC88 | #DEB071 | 
| 明るい紫 | #D2CCE6 | #B4A3C2 | 
| 明るい黄緑 | #CFDF49 | #CECC51 | 
| 代替え黄 | #FFF57F | #FAE466 | 
| 代替え緑 | #78C496 | #43A07F | 
無彩色
| 色の名前 | ピッカー | 色出し名人 | 
|---|---|---|
| 白 | #FFFFFF | #EAEAEA | 
| 明るいグレー | #DEE2E5 | #C2C5CD | 
| グレー | #7D818D | #707684 | 
| 黒 | #0A0000 | #2A2A2A | 





ディスカッション
コメント一覧
ども、はおです。
これは盲点でした。 うちの店のメニューはお年寄りにも解り易いよう
種類毎にページのメインカラーを変えているのですが、
恥ずかしながら視覚障害(?)の方については全く無配慮でした。
今後メニューをいじる時の参考にさせてもらいます。
はお@目から鱗です。
コメントありがとうございます :D
私もリンク先のページを知って「なるほどなぁ」と思ったクチです。私にはあまり違いを感じない「やや明るい」が、けっこう大きな違いというのがビックリでした。
念のためですが本記事中のRGBは「だいたいこんな色」でしかありません。
もしメニューを外注さんに出されるなら、リンク先にある色見本を使った方が適切かと思います。