グレージュのカラーコード完全解説！即役立つHexと失敗しない配色術

グレージュのカラーコード完全解説！即役立つHexと失敗しない配色術に関する最新の話題を分かりやすく解説いたします。

グレージュの魅力は、その多彩なグラデーションにあります。明るさやくすみ度合いを変えるだけで、異なるターゲット層や媒体にフィットする最適なトーンが見つかります。実務で頻出するグレージュ カラーコード一覧をバリエーション別に紹介します。

トーン分類カラーコード（HEX）RGB値適した用途・デザインシーンライトグレージュ#E4DFDAR:228 G:223 B:218真っ白を避けた柔らかい背景色、UIカードのベースカラーダークグレージュ#6C645CR:108 G:100 B:92見出しテキスト、フッター、引き締め用のアクセントアッシュグレージュ#A39E9BR:163 G:158 B:155モード感のあるアパレル・コスメサイト、透明感の演出モカグレージュ#9E8B7DR:158 G:139 B:125カフェやインテリア、落ち着いたライフスタイル系メディアミルクティーグレージュ#E0D6CDR:224 G:214 B:205フェミニンで柔らかなバナー、美容系LPのメインビジュアル

背景をすっきり見せたいときはライトグレージュ カラーコードを採用し、文字や境界線を際立たせたいときはダークグレージュ カラーコードを活用することで、画面全体に美しい階層構造（ビジュアルヒエラルキー）が生まれます。また、アッシュグレージュ カラーコードやモカグレージュ 色見本は、ファッショナブルな世界観作りに欠かせない定番色です。