AbraCalc

補色を自動計算するカラーツール

任意のHEXカラーについて、カラーホイール上の反対側にある補色を自動で見つけます。

このツールをサイトに埋め込む
このツールを引用する

APA

AbraCalc. (2026). 補色を自動計算するカラーツール [Online calculator]. Retrieved from https://abracalc.com/ja/hoshoku-keisan/

BibTeX

@misc{abracalc-hoshoku-keisan, author = {AbraCalc}, title = {補色を自動計算するカラーツール}, year = {2026}, howpublished = {\url{https://abracalc.com/ja/hoshoku-keisan/}} }

このツールは役に立ちましたか?

このツールの使い方

  1. HEXカラーを入力してください。
  2. 各RGBチャンネルを反転(255 − チャンネル)して補色を求めます。
  3. 高コントラストなデザインやCTAボタンに補色を使ってください。

補色は、カラーホイール上であなたの色のちょうど真反対に位置する色です。最大限のコントラストと、鮮やかで高エネルギーな組み合わせを生み出します。

計算式

For each parsed RGB channel of the input hex color:
Cr = 255 − R
Cg = 255 − G
Cb = 255 − B

The result is expressed as a hex string and as rgb(Cr, Cg, Cb).

よくある質問

補色はどのように計算されますか?
各RGBチャンネルを255から引くことで計算されます。これによりカラーホイール上で色相が180°回転します。
補色はすべてのカラーモデルで同じですか?
RGBでは、補色はビット単位の反転です。RYB(伝統的な美術の色彩理論)では、補色のペアはわずかに異なります(例:オレンジの補色は青紫)。

参考文献と出典