3つの変換
反転色:各成分を 255 − 値(ネガポジ反転)
補色:色相環で正反対の色(色相+180°)
グレースケール:明るさだけにした色(輝度 0.299R+0.587G+0.114B)
反転色:各成分を 255 − 値(ネガポジ反転)
補色:色相環で正反対の色(色相+180°)
グレースケール:明るさだけにした色(輝度 0.299R+0.587G+0.114B)
色の反転・補色について
「反転色」は画像のネガのように各RGB成分を反転した色、「補色」は色相環で正反対に位置する色で、デザインのアクセントカラー選びに使えます。「グレースケール」は色味を抜いた明るさだけの色です。配色の検討や、ダークモードの色設計の参考に。HEX⇔RGBの基本変換はカラーコード変換をどうぞ。
よくある質問
- 反転色と補色の違いは?
- 反転色はRGBを255から引いた色、補色は色相を180°回した色です。似て非なるもので、補色の方が配色設計向きです。
- グレースケールの計算は?
- 人の目の感度に合わせ 0.299×R+0.587×G+0.114×B で明るさを求めています。
- 入力した色は送信されますか?
- いいえ。すべてブラウザ内で処理されます。