web-dev-qa-db-ja.com

HTMLで色を生成するために、16進数の色コードをどのように追加しますか？

Webカラーは、赤、緑、青の色をさまざまな方法で追加して、幅広い色を再現するRGBカラーモデルを使用することを知っています。今、私は色を持っていると仮定します：#800080（紫色）、この色を形成するために追加された2つの色の16進値を見つけることは可能ですか？

さらに、この色を実現できる複数の可能性または方法があります（たとえば、10進数システムでは、3 + 3 = 6、4 + 2 = 6、5 + 1のような複数の方法で6を実現できます） = 6または8-2 = 6,10-4 = 6など）または2つの特定の色を追加して目的の色を取得する方法は1つだけですか？

htmlcsscolors
2
Bijoy Joseph

次の画像を参照してください。

Breakdown of Purple from ColorHexa

これが機能する方法：

3つの色にはそれぞれ、00からFF（Hex）までの16の階調があり、0から255（10進数）に変換されます。また、255は1バイトのすべての1に相当することにも気付くでしょう。ここで私と一緒に：Rにフルバイト、Gにフルバイト、Bにフルバイトがあることを思い出しながら、アートクラスで学んだアイデアを追加する必要があります。 Primary Colors のみを指定すると、他のすべての色を作成できますか？一枚の紙の色は赤い円で、その円の色は小さな青い円です（クレヨンを使用）。円が交差する場所は、何らかの形の紫色になります。

上記の写真は、赤の半分のバイト+青の半分のバイト+緑のバイトなしに相当します。このことを考慮：

Purple with a hint of Green -まだ purple ですが、シェードは変化しています。

この色はまだ紫ですが、緑を追加すると、 灰色 になります。

Gray - グレー

それぞれの半分のバイトは常に灰色なので、どこから始めてもかまいません。これらの3つの原色をそれぞれ混ぜると、クレヨンサークルを着色するのと同じように色が作成されます。これを知っていれば、基本的な 色理論 を適用して Paletton のようなサイトを使用して補色を見つけることができます。

5
eyoung100

赤、緑、青の値を「加算」すると、実際には「連結」を意味します。 #800080カラーコードは次のように分割できます。

#800080 in red blue green rgb

  • 赤：FFから80または50％
  • 緑：FFから0または0％
  • 青：FFから80または50％

紫の正確な色合いを与えるのは、6桁の16進カラーコードのみです。他の紫の色合いは、赤と青がほぼ同じ量で、緑が存在しない場合に生成されます。

  • 0xFF00FF-可能な限り赤と緑が最も多い最も明るい紫
  • 0x330033-非常に濃い紫色
6
Stephen Ostermiller