OK。
だから、このレッスンでは、C
Ssの色を表現し表現するさまざまな方法について議論していきます。今まで私たちが書いてきたことを評価するなら、単純な小学校の色を使っています赤と緑と紫のように、そして明らかにそれらの仕事はOKですが、彼らは素敵な色ではなく特に素晴らしい色合いではありません。
私の意見では、ほとんどのデザイナーやウェブサイトを作っているほとんどの人が非常に特殊なカラーパレットを持っているので、おそらくそれらを使用することはありません。
あなたが知っているかどうかは、ブランドの色に非常に特有の色合いのようなものか、それともカラーパレットなのかなどです。
私はデザイナーか誰かが作成したほとんど誰もほとんどプレーンなデフォルトの赤または緑または紫を使用していません。
そこにはかなりの数の色とCSSAが名前を持っています。
実際、あなたが思う以上のものがあるでしょう。
そして、ほとんどの人が今まで覚えている以上の道があります。
コーンフラワーブルーやダークランのようなものがあり、147種類の色があると思います。
そして、私が実際に使ったことのないこのサイト。
私はちょうどあなたにそれを示すためには、それは異なる色のすべての色を視覚化し、評価を見る方法です。
そして、もちろん、これらを使用した場合の問題は147色ですが、この金色のような色がほしいかもしれませんが、わずかに明るく、少し濃く、または少し赤みがあり、完璧な選択肢にはなりません。
そして、もう一つの問題は、ライトスレートグレーのようなこれらの名前を覚えるのは難しいことです。
誰もそれを覚えていない。
だから私は本当に何かが動作していることを確認するために非常に迅速なデバッグの目的のためだけに赤いオレンジ色の紫色のような名前付きカラーを使用します。
私はちょうどそれを赤に変えて、それがうまくいくかどうかを見ます
教育的な目的のためだけでなく、ほとんどの人がこれらの色を使用することはありません。
だから、CSSは我々が扱うことができるいくつかの異なるカラーシステムを提供しています。
そして、これらは、SSの外に存在する方法によるカラーシステムです。
ですから、写真や印刷に精通していて、色のあるもので作業したことがある人は、これらのうちのいくつかに遭遇したかもしれません。
最初のものは16進数と呼ばれるもので、なぜ16進数と呼ばれるのかについて話をする前に、いくつかの例を見てみましょう。
ここでは最初にすべてのH-1を選択し、テキストの色を黒に変更します。
次のことは、色を変えてすべてのタトゥーを紫色にしてから、すべての年齢層を選択し、それらをピンクの色合いにするように教えることです。
だから目に見えるのは、赤や紫のような言葉ではなく、このハッシュ記号があり、それは技術的にオクターブソープと呼ばれ、6桁の数字が続くということです。
だから、黒くなるには、紫色になるためには6つのゼロがあります。
あなたはそれが数字であることに気づくでしょうが、そこには文字Bもあります。
そして最後に、このピンク色の色を得るために、今度は数字と手紙、今度は手紙Fです。 ここで何が起こっているのですか？
私は先に進んで私が持っているメモをいくつか開くつもりです。
そして、私たちは本当に短い数学の授業をやろうとしています。これは面白いと思う何かのためだけですが、それは有益でもあり、16進数がどのように働くかを理解するのに役立ちます。
だから私が学校に通っていたときに中学校に戻った場合は、少数派システムについて多くのことを話しました.3桁の数字を作りたいとしましょう。
私たちは一度、数百の場所に10位を置いています。
だから、私が作ることができる最大の3桁の数字は、技術的に111または0
0または1である999の9進数です。
しかし、アイデアは、私たちの通常のベース10の各場所は、これが基本10進数のシステムを意味するものであるということです。私は0から9までのすべてのスロットに対して10の選択肢を持っています。
だから、基数10は、私たちの数字で作業するのに使われているのは0 1 2 3 4 5 6 7 8 9です。
しかし、他の数のシステムがあります。
以前バイナリを聞いたことがあるかもしれません。
つまり、オプションとして0と1しか持たないということです。
だから私が3桁の2進数を作りたければ、私が作ることができる最大のものは1 1 1です。
それは110と同じではありません。
だから実際にバイナリの仕組みを見直す時間ではありませんが、CSIショーのようなものや、ハッキングがどのように見えているのかを完全に間違って見せてくれるようなショーを見ているかもしれません。
しかしバイナリはコンピュータの仕組みの本当に重要な部分です。
それもそれに基づいています。
だから、ゼロまたは1つの2つの選択肢があります。
したがって、16進数は16進数です。
つまり、私たちには16の選択肢があり、その選択肢は0から9になり、10 11
12 13 14 15に行くよりもむしろです。
これらは2桁の数字の2桁の数字であり、問​​題のあるXが多く、文字も含まれています。
だから私たちは0から9、そしてABC DCFを持っています。
従って、最大の16進数の3桁の数字はF F Fであり、最小の0 0 0である。
だから、16の選択肢を持っていることを除いて、他の数字システムと同じです。
そして、10進数を使って色を指定するのではなく、16進数を使用する理由は、Recolorsの名前を比較的短く保ちながら、より多くの選択肢を与えるということです。
だから、基本的には16進数では色をつけて数字の名前を付けるだけです。
ベース10を使用すると、1桁につき10の選択しかできません。
したがって、バイナリを使用する場合はより多くの桁を使用する必要があり、色を表すには桁数を使用する必要があります。
何百、何十何桁の数字。
だから、16進数はOcta Thorpeより6桁長い。
そして1桁2 3 4 5 6。
それがうまくいく方法は乱数だけではありません。
実際には少しシステムがあります。
したがって、最初の2つの数字は、赤の色がどれくらい緑に対応しているかに対応し、最後の2つは青にどれくらいの色が対応するかに対応します。
だから私は先に進んで、私たちの評価を見て、あなたが意味するものを見せてくれるでしょう。
ですからここで私たちのH-1と一緒に作業しましょう。
私たちは3つのHのものを持っていて、それをスタイルする必要があります
だから、16進数を使うには、Octa Thorpeをテーパーにしてから6桁を使ってください。
赤い色を定義して最初の2つが赤色であることを覚えておきましょう。
だから最初の2桁は完全な赤を望んでいればf fなので、それは最高の数字です。
それ以外はすべてゼロにすることができます。
これは、赤色のターンを完全に保存することになります。
緑色と青色がありません。
それをすれば
先に進んで、私たちのファイルを開いてみましょう。これは明るい赤です。
さあ帰ってみましょう。ちょっとこれから少し遊んでみましょう。ちょっと緑色を紹介しましょう。
ですから、それを8にしようとすると、このわずかなオレンジ色が得られ、あなたは緑色のオレンジ色のオレンジがどのようになっているのか疑問に思うかもしれません。
答えは、これは、あなたがRG Bが少し違っているような、ペイントを混ぜ合わせるのに使用されているのと同じカラーシステムではないということです。
もう一度これは別のビデオのためのものです。
しかし、本質的に赤と緑の両方を追加すれば、完全な赤色の完全な緑色と完全な青色が得られます。
それは実際には白であり、実際には光が実際の世界でどのように機能するかです。
あなたがライトまたは3つのLCDライトを赤色の緑色と青色のままにして、それらを組み合わせて一緒に輝かせることができるならば。
あなたは実際に白い光を得るでしょう。
それがこの色の仕組みです。
OK。
ほとんどの場合、実際にはこれらの色を最初から思いつかないのです。
だから本当にそうではありません。
私はそれは素晴らしいスキルを意味するが、あなたは何色かを知ることができる必要はありません。紫色または緑色の色合いを知っているか、それが本当に範囲ではないのですが、あなたが最も頻繁に行うことになるのはカラーピッカー。
そして、私は暗い紫色の色合いのようにしたいとしましょう。
色んな絵があります。
あなたがMacやPCを持っているかどうかによってあなたのマシンにあるものがあります。
それらの中にはいくつか含まれていますが、私たちはオンラインで行くこともできます。暗い紫色の色合いが好きなら、この紫色を見つけることができます。
この色をここで言いましょう。
そして私はちょうどコピーすることができます。
私はそれをコピーしたと思います。
いいえ、コピーしないでください。
そこにはこの色があり、そのリフレッシュを使用してダークパープルを得る。
だから、これは最も頻繁にあなたがカラーピッカーを持つことになります。
最初にあなたの色を選んで、その色を参照します。
それは最も直感的ではありません。
それは暗いナスのような何かを言ったならそれはより良いですが、もちろんそれは正確ではないだろう。
それはダークパープルの1つの色合いです。
私はそれを変更したい場合は、私は運のないです。
それは16進数です。
私たちが話すつもりの次のカラーシステムはRです。 G. bので、RGVは構文が若干異なる以外は同様に動作します。
だからR. G. Bには、16進数のような3つのチャンネルがあります。
赤い緑色と青色があります。
違いは、RGVがまだベース10にあることです。
だから私たちは赤い緑色の青色の3つの異なるチャンネルを持っていて、構文はカラーコロンで、単語は文字Rです。 G. Bの括弧をつけて、私たちの値は緑色の値と青色の値を読みます。
これらは0から255の範囲です。
だからこの場合、私たちはすべての年齢がRであると言っています。 G. 赤色がゼロの緑色が青色のすべての点でゼロであるとする。
そして、私たちはこの明るい緑色を取得し、これはすべての年齢層をRに設定しています。 G.
レッドが途中で上がっているところにいてください。
グリーンは完全に消えています。
ブルーは中途半端で、私たちは素敵なパープルを手に入れました。そして、私たちは、すべての年齢層を主に青色、さらに赤色で青く設定しています。
ですから、いくつかの例を挙げましょう。
もう一度紫色にしよう。
ですから、私たちのG-Bのかっこをテキストにして、チャンネルが必要です。
だから、最初のものは紫色をしたい、あるいは赤色をしたい場合は60としましょう。
私は68赤を知らない。
緑色がゼロの場合は、青色または紫色、赤色または紫色になりますので、青色にして保存します。
もちろん、それは変化のようには見えませんが、少し変化しました。
だから先に進み、読書をかなり240にすると、ピンクがかった紫色になっています。
私はいくつかの緑を導入し、私は16進数の完全な赤と緑と青は実際に私たちに白と黒を与えると前と同じようにすべての方法をすべて有効にする場合。
あなたは、3つのチャンネルすべてに対してゼロを求めます。
したがって、私たちのBは小数点に非常に似ています。
唯一の違いは構文です。
だから、このような何かを書き出すのではなく、2つのチャンネルまたは2つの数字を赤と緑、青の2つの代わりに3つのスロットがあり、ゼロから255に変わります。
ですから私が話したい別の構文と他の構文は、GPAです。
R-GAはRと同じように動作します。 G. あなたが色を透明にする方法であるアルファと呼ばれる第4のチャンネルがあります。
だからR. G. V-Aは、あなたが多かれ少なかれトランスペアレントな1つの色を持ちたい場合に最適です。
それで、それが動作する方法は、Rを書く以外は同じ正確な構文です。 G. 私たちが記入する必要がある4つのチャネルがあります。
最初の3つは以前と同じように。
それらの範囲は0から255までですが、アルファチャンネルの最後のチャントは0から1の範囲です。
そこでここでいくつか例を挙げておきます。
ここでは、RGチャンネルとBチャンネルが関係する限り、3つすべてを同じ色に設定しています。
だから11赤。
90緑950青。
そして4番目のチャンネルは、アルファを変えたり、透明性を変えたりしています。
だから4つのアルファは全てすべてが透明ではありません。
私たちはこのインフルエンザに終わる。
アルファがポイント6になると言ったとき、私たちはこれをもっと明るく、より透明な青色にします。
そして、ポイント2になるように設定しましたが、これはほとんどありません。
それでは別の例を挙げて、Archie B-Aを作ってみましょう。今回は緑を作ってみましょう。
だから200またはそれ以上の緑と青の少しし、私たちのアルファが必要とし、ちょうど1つを開始しましょう。
ページをリフレッシュすると緑色になります。
それでは同じことをやってみましょう。少し軽くしてみましょう。
私はリフレッシュするつもりです、そして、あなたはそれが少しきつくなっているのを見ることができます。
今度はもっと劇的に下ろう2。 あなたはそれがより透明になるのが分かります。
要約すると、ほとんどの人が使用していないカラーが組み込まれています。
私たちは16進数を持っています。
私たちはRを持っています。 G. それでB。
RG B. Aがアルファを表す場所