グレージュのカラーコード完全版！プロが選ぶHex・Rgb一覧と配色比率

グレージュのカラーコード完全版！プロが選ぶHex・Rgb一覧と配色比率の重要ポイントをご紹介します。役立つ情報が詰まっています。

Q1：IllustratorやPhotoshopで印刷用のグレージュを作る時、最も失敗しないCMYK値は？
A1：C: 15% / M: 18% / Y: 22% / K: 0% または C: 0% / M: 5% / Y: 10% / K: 20% を目安にしてください。シアン（C）が高すぎると濁った緑青色になり、マゼンタ（M）が高すぎると紫がかって見えます。イエローとマゼンタをほぼ同量にし、明るさはK版のパーセンテージで調整するのが綺麗な仕上がりの秘訣です。

Q2：グレージュの背景に白い文字を置いても大丈夫ですか？
A2：標準的なグレージュ（#C5BAAF）に白文字（#FFFFFF）を載せると、コントラスト比が約1.6:1となり、Webアクセシビリティのガイドライン（WCAG AA基準の4.5:1）を大幅に下回ります。白文字を載せる場合は、#6E675F以下の「ディープグレージュ」まで明度を落とすか、背景にライトグレージュを敷いて文字側を濃色（#2B2927など）にする設計を推奨します。

Q3：Web制作ツール（FigmaやCanva）で素早く呼び出せるおすすめのグレージュは？
A3：汎用性を重視するなら、FigmaのカラースタイルやCanvaのカスタムカラーに#D8D2C9（中間色）と#F5F3EF（背景用）の2種類をトークンとして登録しておくのがおすすめです。この2つのコードがあれば、大半のUIやバナー制作で困ることはありません。