グレーの補色(反対色)一覧
グレーの補色(反対色)はグレーです。色相環で正反対に位置するグレー×グレーの組み合わせを一覧で確認し、デザイン・配色・UIにすぐ使えます。
グレーの補色(反対色)はグレーです。色相環で正反対のグレー×グレーの組み合わせは、静かな統一感とアクセントの対比を作ります。UIの土台や余白設計ではグレーを基調に、グレーで情報の強弱を付けると読みやすい配色になります。
補色(反対色)とは?
補色(反対色)とは、色相環でちょうど180°離れた位置にある2色の関係です。計算ではHSLまたはHSVの色相(hue)を取り出し、 hue + 180°(360°で折り返し)に回転させ、彩度と明度はそのまま維持します。この組み合わせは最も強いコントラストを生み、 視認性が高い配色としてデザイン、印刷、UI、信号、アートで広く使われます。
なぜ「グレー」と「グレー」は補色なのか?
色相環での位置関係
グレーは無彩色に近いため、色相は明確ではありません。
視覚効果とコントラスト
グレーとグレーは視覚的な対比が強く、文字と背景の組み合わせで読みやすさを確保できます。 強調・CTA・警告色など、注目を集めたい場面にも向いています。
よくある質問(FAQ)
グレーの反対色は何色?
グレーの反対色(補色)はグレーです。HEXは#808080、RGBはrgb(128, 128, 128)です。
補色と反対色は同じ意味?
はい、同じ意味で使われます。色相環で正反対にある色同士を指します。
補色はデザインで使いにくい?
強いコントラストが出るため、面積比や彩度を調整するとバランス良く使えます。