補色を計算する方法

著者: Bill Davis
作成日: 2 2月 2021
更新日: 19 11月 2024
Anonim
5分でわかる「補色」 なーんだ、そういうことだったんだあ…
ビデオ: 5分でわかる「補色」 なーんだ、そういうことだったんだあ…

コンテンツ

簡単に言うと、補色は正反対の色です。並べて配置すると、対照的になり、より鮮やかに見えます。この効果は人間の目にとって非常に魅力的であり、デザインで広く使用されています。補色を戦略的に使用すると、Webサイトに視覚的な魅力が加わります。Webデザイナーが色の相互作用を理解し、色を最大限に活用する方法を認識することは不可欠です。補色を計算することは、あなたが何をすべきかを知っているときに迅速かつ簡単です。

ステップ1

プロジェクトで使用する1つまたは2つのメインカラーを選択します。 Photoshopをお持ちの場合は、カラーピッカーを使用してこれを行うことができます。そうでない場合は、色を表示および選択できるカラーテーブルを備えた多くのWebサイトがあります。 (参考文献を参照)


ステップ2

選択した1つまたは複数の色の16進値を見つけ、それらを書き留めます。 Photoshopでは、色選択ウィンドウ(ツールバーの色付きの四角をクリックしてアクセスできます)にあります。デザインWebサイトのカラーチャートを使用している場合、通常、色を選択すると16進コードが表示されます。

ステップ3

Photoshopを開き、新しいレイヤーを作成します。補色を見つけたい色で塗ります。画像メニューから設定を選択して反転します。結果の色は元の色を補います。スポイトツールをクリックして色をテストします。次に、カラーピッカーを選択し、16進数値をメモします。これで、メインカラーと補色ができます。

ステップ4

Color ToolsのWebサイト(「参考文献」セクションにあるリンク)に移動します。リンクをクリックすると、補完的なカラージェネレータが表示されます。左側のボックスにメインカラーの16進数値を貼り付け、[表示]をクリックするだけです。ツールは補色を計算し、16進コードを提供します。