グレーのカラーコード一覧｜灰色・薄いグレー・濃いグレーのHEX・RGB

グレー・灰色系の色見本を探す

グレーのカラーコード一覧

グレー・灰色系のHEX・RGB・色見本を、色しるべの色データベースから確認できます。明るいグレー、濃いグレー、青み・茶みを含むグレーまで見比べられます。

代表例グレー#767676

※ CSS named color の gray は #808080 です。一般色名としてのグレー・灰色と、CSS仕様上の色名は同じ数値とは限りません。

色見本

使い分け

色名・RGB・HSL・由来を詳しく見る →

HEX・RGB・HSLを相互変換する →

2〜7色のパレットを作る →

FAQ

グレーの代表的なカラーコードは？

色しるべでは一般色名「グレー」の代表値として #767676 を掲載しています。一方、CSS named color の gray は #808080 です。用途に応じて区別してください。

薄いグレー・濃いグレーはどれ？

明るいグレーならライトグレー #D8DCD6、暗いグレーならチャコールグレー #4B474D やダークグレー #363737 などを比較できます。

灰色とグレーは同じ？

日常語ではほぼ同じ色域を指しますが、由来や文脈が異なります。色しるべでは「灰色」と「グレー」を別の色名データとして管理し、代表値・出典を確認できるようにしています。