ホームページ > ウェブフロントエンド > htmlチュートリアル > [転送] カラーマッチング_html/css_WEB-ITnose

[転送] カラーマッチング_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:34:24
オリジナル
1035 人が閲覧しました

Web ページを作成する過程で、色の付け方がまったくわかりませんでした。

つまり、どの色を選んで組み合わせればいいのかわかりません。すべては気分の問題です。そこで昨日、理論的な指針が見つかることを期待して、インターネットでいくつかの情報を検索しました。

この結果には非常に残念です。色彩理論は色の本質を研究します。色合わせは最終的には個人の感覚に依存します。結局のところ、色の選択は科学ではなく芸術です。ただし、それでも非常に興味深いものもあるので、記録しておきます。

==================

1. カラーホイール

いわゆるカラーホイールは、ディスクを通して一連の色を秩序正しく表示することです。

その生成方法は、まず、赤、黄、青の 3 原色 (PRIMARY COLORS) を列挙します。

次に、2 つと 2 つを混合して二次色 (SECONDARY COLORS): 緑、オレンジ、紫を生成します。

次に、2 と 2 を混ぜ続けて、6 つの三次色 (TERTIARY COLORS) を生成します: 黄-オレンジ、赤-オレンジ、赤-紫、青-紫、黄-緑、青-紫。

隣接する色を継続的に混合することにより、新しい色が生成され、最終的にグローバル カラー ホイールが形成されます。

2. 類似色と補色

12 色の色相環上の隣接する 3 つの色は、類似色と呼ばれます。一般に、それらは調和すると信じられています。

色相環の対角線上にある 2 つの色は補色と呼ばれます。これらを組み合わせると、対照的な効果が生まれると一般的に考えられています。

さらに、互いにバランスのとれた 3 つの色を探している場合は、12 色のカラー ホイール上の反対色の 3 つのトライアド (トライアド) を選択できます。

似た色 2 色と対照的な 1 色の 3 つの色を探している場合は、補色の両側に隣接する色を選択できます。 (分割補色)

3. カラー モデル

一般的に使用されるカラー モデルは、RGB、CMYK、HSV モデルの 3 つです。

4. RGB モデル

RGB は、Red、Green、Blue の略称で、赤、緑、青の 3 色を異なる割合で混合することで任意の色を生成できます。このモデルは主に電子ディスプレイのカラー表示に使用されます。

RGB モデルは通常、色を表すために 3 つの 16 進数を使用します。FFFFFF は、100% 赤、100% 緑、100% 青の混合を表し、白を生成します。000000 は、0% 赤、0% 緑、0% 青の混合を表し、黒を生成します。

5. HSV モデル

H は、「色」の同義語である Hue (色相) を指します。

S は彩度を指し、色の純度、つまり色にグレーが含まれる度合いを指します。彩度が高いほど、色はより純粋になります。彩度が低いほど、色のグレー成分が多くなります。最小彩度に達した色は灰色に変わります。

V は、色の白色成分である値を指します。この値が大きいほど色は白く明るくなり、値が小さいほど色は暗くなります。最大値ではすべての色が白になり、最小値ではすべての色が黒になります。

HSV モデルは、これら 3 つの値を調整することで色を識別します。通常、すべてのエッジの色が最も彩度の高い色であり、円の中心に向かって彩度が減少します。色相は、角度値の選択と明るさの軸を通じて値の値を選択します。

6.CMYK モデル

このモデルは主に印刷業界で使用されており、シアン、マゼンタ、イエロー、ブラックの 4 つの顔料を混合して他のさまざまな色を生成することを指します。

よく見ると、印刷物の模様は実は小さな点で構成されており、その小さな点が4色で重ね刷りされており、様々な色彩効果を生み出しています。

(終了)

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート