補色の計算方法

コンテンツ

説明書
必要なもの

簡単に言えば、補色は正確に反対の色です。並べて配置すると、対比してより活気があるように見えます。この効果は人間の目にとって非常に魅力的であり、デザインに広く使われています。補色を戦略的に使用することはあなたのウェブサイトに視覚的な魅力を追加するでしょう、そしてそれはあなたが色の相互作用とあなたの最善のためにそれらを使う方法を知ることができるようにそれはウェブデザイナーにとって不可欠な知識です。補色を計算することは、あなたが何をすべきかを知っているときに速くて簡単です。

説明書

カラーホイールは補色をひと目で見つけるためのもう1つの方法です。色の補数は常にそれと正反対のままです。 （Fotolia.comからのSophia WintersによるPrimary Secondary＆Tertiaryカラーホイール画像）

プロジェクトで使用する主な色を1つまたは2つ選択してください。 Photoshopをお持ちの場合は、カラーピッカーを使用してこれを実行できます。そうでない場合は、色の表示と選択を可能にするカラーテーブルを備えたWebサイトが数多くあります。（機能を参照）
選択した色の16進数値を見つけて書き留めます。 Photoshopでは、色選択ウィンドウ（ツールバーの色付きの四角形をクリックするとアクセスできます）に表示されます。デザインサイトのカラーチャートを使用している場合は、通常、色を選択したときに16進コードが表示されます。
Photoshopを開き、新しいレイヤーを作成します。あなたがアドオンを見つけたい色でそれを塗りなさい。画像メニューから設定を選択し、次に反転します。結果の色は元の色の補色になります。スポイトツールをクリックして色をテストします。次にカラーピッカーを選択し、16進値を書き留めます。これで、メインカラーと補色が表示されます。
Color Tools Webサイト（「参考文献」セクションに記載されているリンク）に移動します。リンクをクリックすると、補色系の色生成プログラムが開きます。メインカラーの16進数値を左側のボックスに貼り付けて[表示]をクリックするだけです。ツールはあなたのための補色を計算し、あなたにその16進数コードを与えます。