色の変換

色の反転・補色・グレースケール変換

HEXカラーコードを入れるだけで、反転色・補色・グレースケールを色見本つきで表示します。

色を入れる

変換結果
元の色
反転
補色
グレー
反転色
補色
グレースケール
3つの変換
反転色:各成分を 255 − 値(ネガポジ反転)
補色:色相環で正反対の色(色相+180°)
グレースケール:明るさだけにした色(輝度 0.299R+0.587G+0.114B)

色の反転・補色について

「反転色」は画像のネガのように各RGB成分を反転した色、「補色」は色相環で正反対に位置する色で、デザインのアクセントカラー選びに使えます。「グレースケール」は色味を抜いた明るさだけの色です。配色の検討や、ダークモードの色設計の参考に。HEX⇔RGBの基本変換はカラーコード変換をどうぞ。

よくある質問

反転色と補色の違いは?
反転色はRGBを255から引いた色、補色は色相を180°回した色です。似て非なるもので、補色の方が配色設計向きです。
グレースケールの計算は?
人の目の感度に合わせ 0.299×R+0.587×G+0.114×B で明るさを求めています。
入力した色は送信されますか?
いいえ。すべてブラウザ内で処理されます。