1
00:00:01,050 --> 00:00:01,500
OK。

2
00:00:01,740 --> 00:00:06,600
 

3
00:00:06,750 --> 00:00:14,040
だから、このレッスンでは、C

4
00:00:14,040 --> 00:00:20,520
Ssの色を表現し表現するさまざまな方法について議論していきます。今まで私たちが書いてきたことを評価するなら、単純な小学校の色を使っています赤と緑と紫のように、そして明らかにそれらの仕事はOKですが、彼らは素敵な色ではなく特に素晴らしい色合いではありません。

5
00:00:20,520 --> 00:00:22,880
 

6
00:00:22,890 --> 00:00:28,440
私の意見では、ほとんどのデザイナーやウェブサイトを作っているほとんどの人が非常に特殊なカラーパレットを持っているので、おそらくそれらを使用することはありません。

7
00:00:28,770 --> 00:00:30,900
 

8
00:00:31,320 --> 00:00:36,210
あなたが知っているかどうかは、ブランドの色に非常に特有の色合いのようなものか、それともカラーパレットなのかなどです。

9
00:00:36,210 --> 00:00:39,070
 

10
00:00:39,250 --> 00:00:45,300
私はデザイナーか誰かが作成したほとんど誰もほとんどプレーンなデフォルトの赤または緑または紫を使用していません。

11
00:00:47,130 --> 00:00:52,670
そこにはかなりの数の色とCSSAが名前を持っています。

12
00:00:52,980 --> 00:00:55,380
実際、あなたが思う以上のものがあるでしょう。

13
00:00:55,500 --> 00:00:59,370
そして、ほとんどの人が今まで覚えている以上の道があります。

14
00:00:59,370 --> 00:01:06,710
コーンフラワーブルーやダークランのようなものがあり、147種類の色があると思います。

15
00:01:06,870 --> 00:01:10,530
そして、私が実際に使ったことのないこのサイト。

16
00:01:10,540 --> 00:01:15,350
私はちょうどあなたにそれを示すためには、それは異なる色のすべての色を視覚化し、評価を見る方法です。

17
00:01:16,080 --> 00:01:22,980
 

18
00:01:22,980 --> 00:01:29,070
 

19
00:01:29,070 --> 00:01:31,500
そして、もちろん、これらを使用した場合の問題は147色ですが、この金色のような色がほしいかもしれませんが、わずかに明るく、少し濃く、または少し赤みがあり、完璧な選択肢にはなりません。

20
00:01:31,500 --> 00:01:36,310
そして、もう一つの問題は、ライトスレートグレーのようなこれらの名前を覚えるのは難しいことです。

21
00:01:36,360 --> 00:01:37,750
誰もそれを覚えていない。

22
00:01:37,770 --> 00:01:44,910
だから私は本当に何かが動作していることを確認するために非常に迅速なデバッグの目的のためだけに赤いオレンジ色の紫色のような名前付きカラーを使用します。

23
00:01:44,910 --> 00:01:45,940
 

24
00:01:45,960 --> 00:01:48,410
私はちょうどそれを赤に変えて、それがうまくいくかどうかを見ます

25
00:01:48,540 --> 00:01:54,080
教育的な目的のためだけでなく、ほとんどの人がこれらの色を使用することはありません。

26
00:01:54,730 --> 00:01:58,940
だから、CSSは我々が扱うことができるいくつかの異なるカラーシステムを提供しています。

27
00:01:59,280 --> 00:02:03,410
そして、これらは、SSの外に存在する方法によるカラーシステムです。

28
00:02:03,540 --> 00:02:10,320
ですから、写真や印刷に精通していて、色のあるもので作業したことがある人は、これらのうちのいくつかに遭遇したかもしれません。

29
00:02:10,320 --> 00:02:11,790
 

30
00:02:12,120 --> 00:02:17,700
最初のものは16進数と呼ばれるもので、なぜ16進数と呼ばれるのかについて話をする前に、いくつかの例を見てみましょう。

31
00:02:17,910 --> 00:02:21,970
 

32
00:02:21,990 --> 00:02:28,650
ここでは最初にすべてのH-1を選択し、テキストの色を黒に変更します。

33
00:02:30,030 --> 00:02:34,860
次のことは、色を変えてすべてのタトゥーを紫色にしてから、すべての年齢層を選択し、それらをピンクの色合いにするように教えることです。

34
00:02:34,860 --> 00:02:39,550
 

35
00:02:39,600 --> 00:02:46,150
だから目に見えるのは、赤や紫のような言葉ではなく、このハッシュ記号があり、それは技術的にオクターブソープと呼ばれ、6桁の数字が続くということです。

36
00:02:46,220 --> 00:02:50,710
 

37
00:02:51,270 --> 00:02:56,100
だから、黒くなるには、紫色になるためには6つのゼロがあります。

38
00:02:56,160 --> 00:02:59,690
あなたはそれが数字であることに気づくでしょうが、そこには文字Bもあります。

39
00:02:59,940 --> 00:03:07,000
そして最後に、このピンク色の色を得るために、今度は数字と手紙、今度は手紙Fです。 ここで何が起こっているのですか？

40
00:03:07,020 --> 00:03:09,200
私は先に進んで私が持っているメモをいくつか開くつもりです。

41
00:03:09,390 --> 00:03:12,300
 

42
00:03:12,630 --> 00:03:18,120
そして、私たちは本当に短い数学の授業をやろうとしています。これは面白いと思う何かのためだけですが、それは有益でもあり、16進数がどのように働くかを理解するのに役立ちます。

43
00:03:18,120 --> 00:03:23,620
だから私が学校に通っていたときに中学校に戻った場合は、少数派システムについて多くのことを話しました.3桁の数字を作りたいとしましょう。

44
00:03:23,640 --> 00:03:28,410
 

45
00:03:28,890 --> 00:03:35,080
私たちは一度、数百の場所に10位を置いています。

46
00:03:35,310 --> 00:03:39,660
だから、私が作ることができる最大の3桁の数字は、技術的に111または0

47
00:03:39,690 --> 00:03:45,660
0または1である999の9進数です。

48
00:03:45,660 --> 00:03:52,710
 

49
00:03:53,190 --> 00:04:01,500
しかし、アイデアは、私たちの通常のベース10の各場所は、これが基本10進数のシステムを意味するものであるということです。私は0から9までのすべてのスロットに対して10の選択肢を持っています。

50
00:04:01,500 --> 00:04:07,560
だから、基数10は、私たちの数字で作業するのに使われているのは0 1 2 3 4 5 6 7 8 9です。

51
00:04:07,980 --> 00:04:14,950
しかし、他の数のシステムがあります。

52
00:04:15,390 --> 00:04:17,630
以前バイナリを聞いたことがあるかもしれません。

53
00:04:17,790 --> 00:04:21,940
つまり、オプションとして0と1しか持たないということです。

54
00:04:21,960 --> 00:04:25,360
だから私が3桁の2進数を作りたければ、私が作ることができる最大のものは1 1 1です。

55
00:04:25,770 --> 00:04:32,690
それは110と同じではありません。

56
00:04:32,700 --> 00:04:35,560
だから実際にバイナリの仕組みを見直す時間ではありませんが、CSIショーのようなものや、ハッキングがどのように見えているのかを完全に間違って見せてくれるようなショーを見ているかもしれません。

57
00:04:35,580 --> 00:04:42,350
 

58
00:04:42,370 --> 00:04:46,960
 

59
00:04:46,960 --> 00:04:48,310
しかしバイナリはコンピュータの仕組みの本当に重要な部分です。

60
00:04:48,490 --> 00:04:53,230
それもそれに基づいています。

61
00:04:53,470 --> 00:04:54,850
だから、ゼロまたは1つの2つの選択肢があります。

62
00:04:54,910 --> 00:04:57,030
したがって、16進数は16進数です。

63
00:04:57,370 --> 00:04:59,850
つまり、私たちには16の選択肢があり、その選択肢は0から9になり、10 11

64
00:05:00,340 --> 00:05:07,300
12 13 14 15に行くよりもむしろです。

65
00:05:07,300 --> 00:05:10,480
これらは2桁の数字の2桁の数字であり、問​​題のあるXが多く、文字も含まれています。

66
00:05:10,810 --> 00:05:17,380
だから私たちは0から9、そしてABC DCFを持っています。

67
00:05:17,380 --> 00:05:22,070
従って、最大の16進数の3桁の数字はF F Fであり、最小の0 0 0である。

68
00:05:22,270 --> 00:05:33,090
だから、16の選択肢を持っていることを除いて、他の数字システムと同じです。

69
00:05:33,910 --> 00:05:37,500
 

70
00:05:37,690 --> 00:05:45,520
そして、10進数を使って色を指定するのではなく、16進数を使用する理由は、Recolorsの名前を比較的短く保ちながら、より多くの選択肢を与えるということです。

71
00:05:45,520 --> 00:05:50,610
だから、基本的には16進数では色をつけて数字の名前を付けるだけです。

72
00:05:50,920 --> 00:05:55,370
ベース10を使用すると、1桁につき10の選択しかできません。

73
00:05:55,390 --> 00:05:59,200
したがって、バイナリを使用する場合はより多くの桁を使用する必要があり、色を表すには桁数を使用する必要があります。

74
00:05:59,200 --> 00:06:05,410
何百、何十何桁の数字。

75
00:06:05,770 --> 00:06:07,870
だから、16進数はOcta Thorpeより6桁長い。

76
00:06:07,930 --> 00:06:12,820
そして1桁2 3 4 5 6。

77
00:06:13,030 --> 00:06:18,590
それがうまくいく方法は乱数だけではありません。

78
00:06:18,730 --> 00:06:22,010
実際には少しシステムがあります。

79
00:06:22,240 --> 00:06:24,590
 

80
00:06:24,640 --> 00:06:31,600
したがって、最初の2つの数字は、赤の色がどれくらい緑に対応しているかに対応し、最後の2つは青にどれくらいの色が対応するかに対応します。

81
00:06:31,600 --> 00:06:36,220
だから私は先に進んで、私たちの評価を見て、あなたが意味するものを見せてくれるでしょう。

82
00:06:36,760 --> 00:06:40,300
ですからここで私たちのH-1と一緒に作業しましょう。

83
00:06:40,810 --> 00:06:43,510
私たちは3つのHのものを持っていて、それをスタイルする必要があります

84
00:06:43,600 --> 00:06:46,880
だから、16進数を使うには、Octa Thorpeをテーパーにしてから6桁を使ってください。

85
00:06:47,050 --> 00:06:51,790
赤い色を定義して最初の2つが赤色であることを覚えておきましょう。

86
00:06:52,180 --> 00:06:58,090
だから最初の2桁は完全な赤を望んでいればf fなので、それは最高の数字です。

87
00:06:58,090 --> 00:07:04,370
それ以外はすべてゼロにすることができます。

88
00:07:04,990 --> 00:07:07,630
これは、赤色のターンを完全に保存することになります。

89
00:07:07,630 --> 00:07:10,370
緑色と青色がありません。

90
00:07:10,660 --> 00:07:12,050
それをすれば

91
00:07:12,280 --> 00:07:13,270
先に進んで、私たちのファイルを開いてみましょう。これは明るい赤です。

92
00:07:13,570 --> 00:07:19,810
さあ帰ってみましょう。ちょっとこれから少し遊んでみましょう。ちょっと緑色を紹介しましょう。

93
00:07:19,870 --> 00:07:26,400
 

94
00:07:26,860 --> 00:07:35,030
ですから、それを8にしようとすると、このわずかなオレンジ色が得られ、あなたは緑色のオレンジ色のオレンジがどのようになっているのか疑問に思うかもしれません。

95
00:07:35,260 --> 00:07:36,280
 

96
00:07:36,520 --> 00:07:42,700
答えは、これは、あなたがRG Bが少し違っているような、ペイントを混ぜ合わせるのに使用されているのと同じカラーシステムではないということです。

97
00:07:43,930 --> 00:07:46,000
もう一度これは別のビデオのためのものです。

98
00:07:46,150 --> 00:07:48,190
 

99
00:07:48,220 --> 00:07:57,820
しかし、本質的に赤と緑の両方を追加すれば、完全な赤色の完全な緑色と完全な青色が得られます。

100
00:07:59,530 --> 00:08:03,160
それは実際には白であり、実際には光が実際の世界でどのように機能するかです。

101
00:08:03,160 --> 00:08:07,350
 

102
00:08:07,420 --> 00:08:12,430
あなたがライトまたは3つのLCDライトを赤色の緑色と青色のままにして、それらを組み合わせて一緒に輝かせることができるならば。

103
00:08:12,430 --> 00:08:13,740
あなたは実際に白い光を得るでしょう。

104
00:08:13,810 --> 00:08:15,560
それがこの色の仕組みです。

105
00:08:15,790 --> 00:08:17,690
OK。

106
00:08:18,060 --> 00:08:18,310
ほとんどの場合、実際にはこれらの色を最初から思いつかないのです。

107
00:08:18,310 --> 00:08:23,380
だから本当にそうではありません。

108
00:08:23,380 --> 00:08:24,410
 

109
00:08:24,520 --> 00:08:29,890
 

110
00:08:33,370 --> 00:08:38,980
私はそれは素晴らしいスキルを意味するが、あなたは何色かを知ることができる必要はありません。紫色または緑色の色合いを知っているか、それが本当に範囲ではないのですが、あなたが最も頻繁に行うことになるのはカラーピッカー。

111
00:08:38,980 --> 00:08:42,750
そして、私は暗い紫色の色合いのようにしたいとしましょう。

112
00:08:43,350 --> 00:08:46,670
色んな絵があります。

113
00:08:46,750 --> 00:08:48,160
あなたがMacやPCを持っているかどうかによってあなたのマシンにあるものがあります。

114
00:08:48,190 --> 00:08:53,110
 

115
00:08:53,110 --> 00:08:59,770
それらの中にはいくつか含まれていますが、私たちはオンラインで行くこともできます。暗い紫色の色合いが好きなら、この紫色を見つけることができます。

116
00:08:59,770 --> 00:09:01,400
この色をここで言いましょう。

117
00:09:02,290 --> 00:09:03,160
 

118
00:09:06,220 --> 00:09:07,300
そして私はちょうどコピーすることができます。

119
00:09:07,840 --> 00:09:10,160
私はそれをコピーしたと思います。

120
00:09:10,230 --> 00:09:12,080
いいえ、コピーしないでください。

121
00:09:12,140 --> 00:09:14,050
 

122
00:09:14,160 --> 00:09:17,950
そこにはこの色があり、そのリフレッシュを使用してダークパープルを得る。

123
00:09:21,320 --> 00:09:24,900
だから、これは最も頻繁にあなたがカラーピッカーを持つことになります。

124
00:09:24,980 --> 00:09:28,090
最初にあなたの色を選んで、その色を参照します。

125
00:09:28,340 --> 00:09:32,390
それは最も直感的ではありません。

126
00:09:32,390 --> 00:09:33,870
それは暗いナスのような何かを言ったならそれはより良いですが、もちろんそれは正確ではないだろう。

127
00:09:34,010 --> 00:09:42,770
それはダークパープルの1つの色合いです。

128
00:09:42,920 --> 00:09:44,540
私はそれを変更したい場合は、私は運のないです。

129
00:09:44,540 --> 00:09:47,070
それは16進数です。

130
00:09:47,120 --> 00:09:50,420
私たちが話すつもりの次のカラーシステムはRです。 G. bので、RGVは構文が若干異なる以外は同様に動作します。

131
00:09:50,420 --> 00:09:57,410
 

132
00:09:57,410 --> 00:09:58,910
だからR. G. Bには、16進数のような3つのチャンネルがあります。

133
00:09:58,910 --> 00:10:02,600
赤い緑色と青色があります。

134
00:10:02,630 --> 00:10:04,620
違いは、RGVがまだベース10にあることです。

135
00:10:05,120 --> 00:10:08,380
 

136
00:10:08,810 --> 00:10:17,540
だから私たちは赤い緑色の青色の3つの異なるチャンネルを持っていて、構文はカラーコロンで、単語は文字Rです。 G. Bの括弧をつけて、私たちの値は緑色の値と青色の値を読みます。

137
00:10:17,600 --> 00:10:24,110
 

138
00:10:24,110 --> 00:10:25,360
これらは0から255の範囲です。

139
00:10:25,640 --> 00:10:29,340
だからこの場合、私たちはすべての年齢がRであると言っています。 G. 赤色がゼロの緑色が青色のすべての点でゼロであるとする。

140
00:10:29,900 --> 00:10:39,350
 

141
00:10:39,350 --> 00:10:40,170
そして、私たちはこの明るい緑色を取得し、これはすべての年齢層をRに設定しています。 G.

142
00:10:40,670 --> 00:10:49,070
レッドが途中で上がっているところにいてください。

143
00:10:49,070 --> 00:10:50,150
グリーンは完全に消えています。

144
00:10:50,300 --> 00:10:52,100
 

145
00:10:52,340 --> 00:10:57,920
ブルーは中途半端で、私たちは素敵なパープルを手に入れました。そして、私たちは、すべての年齢層を主に青色、さらに赤色で青く設定しています。

146
00:10:58,370 --> 00:11:04,140
ですから、いくつかの例を挙げましょう。

147
00:11:04,700 --> 00:11:07,420
もう一度紫色にしよう。

148
00:11:08,960 --> 00:11:13,720
ですから、私たちのG-Bのかっこをテキストにして、チャンネルが必要です。

149
00:11:13,820 --> 00:11:19,480
だから、最初のものは紫色をしたい、あるいは赤色をしたい場合は60としましょう。

150
00:11:19,640 --> 00:11:27,180
私は68赤を知らない。

151
00:11:27,200 --> 00:11:28,800
 

152
00:11:29,360 --> 00:11:37,580
緑色がゼロの場合は、青色または紫色、赤色または紫色になりますので、青色にして保存します。

153
00:11:37,580 --> 00:11:39,840
もちろん、それは変化のようには見えませんが、少し変化しました。

154
00:11:41,660 --> 00:11:45,560
だから先に進み、読書をかなり240にすると、ピンクがかった紫色になっています。

155
00:11:45,560 --> 00:11:53,920
私はいくつかの緑を導入し、私は16進数の完全な赤と緑と青は実際に私たちに白と黒を与えると前と同じようにすべての方法をすべて有効にする場合。

156
00:11:54,500 --> 00:11:55,820
 

157
00:11:59,800 --> 00:12:01,700
 

158
00:12:05,930 --> 00:12:13,900
あなたは、3つのチャンネルすべてに対してゼロを求めます。

159
00:12:13,900 --> 00:12:18,080
したがって、私たちのBは小数点に非常に似ています。

160
00:12:18,080 --> 00:12:20,690
唯一の違いは構文です。

161
00:12:20,750 --> 00:12:22,660
 

162
00:12:22,940 --> 00:12:34,660
だから、このような何かを書き出すのではなく、2つのチャンネルまたは2つの数字を赤と緑、青の2つの代わりに3つのスロットがあり、ゼロから255に変わります。

163
00:12:34,670 --> 00:12:43,040
ですから私が話したい別の構文と他の構文は、GPAです。

164
00:12:43,040 --> 00:12:49,880
R-GAはRと同じように動作します。 G. あなたが色を透明にする方法であるアルファと呼ばれる第4のチャンネルがあります。

165
00:12:50,270 --> 00:12:56,150
 

166
00:12:56,210 --> 00:12:59,100
だからR. G. V-Aは、あなたが多かれ少なかれトランスペアレントな1つの色を持ちたい場合に最適です。

167
00:12:59,270 --> 00:13:05,950
それで、それが動作する方法は、Rを書く以外は同じ正確な構文です。 G. 私たちが記入する必要がある4つのチャネルがあります。

168
00:13:06,230 --> 00:13:12,410
 

169
00:13:12,410 --> 00:13:13,830
最初の3つは以前と同じように。

170
00:13:14,150 --> 00:13:16,560
それらの範囲は0から255までですが、アルファチャンネルの最後のチャントは0から1の範囲です。

171
00:13:16,580 --> 00:13:23,900
そこでここでいくつか例を挙げておきます。

172
00:13:24,470 --> 00:13:26,370
ここでは、RGチャンネルとBチャンネルが関係する限り、3つすべてを同じ色に設定しています。

173
00:13:26,540 --> 00:13:33,650
だから11赤。

174
00:13:33,920 --> 00:13:35,080
90緑950青。

175
00:13:35,170 --> 00:13:37,850
そして4番目のチャンネルは、アルファを変えたり、透明性を変えたりしています。

176
00:13:38,480 --> 00:13:42,840
だから4つのアルファは全てすべてが透明ではありません。

177
00:13:42,860 --> 00:13:47,950
私たちはこのインフルエンザに終わる。

178
00:13:48,050 --> 00:13:49,810
アルファがポイント6になると言ったとき、私たちはこれをもっと明るく、より透明な青色にします。

179
00:13:50,480 --> 00:13:56,340
そして、ポイント2になるように設定しましたが、これはほとんどありません。

180
00:13:56,690 --> 00:14:01,640
それでは別の例を挙げて、Archie B-Aを作ってみましょう。今回は緑を作ってみましょう。

181
00:14:01,880 --> 00:14:09,300
だから200またはそれ以上の緑と青の少しし、私たちのアルファが必要とし、ちょうど1つを開始しましょう。

182
00:14:09,440 --> 00:14:17,420
ページをリフレッシュすると緑色になります。

183
00:14:18,860 --> 00:14:23,080
それでは同じことをやってみましょう。少し軽くしてみましょう。

184
00:14:23,180 --> 00:14:30,830
私はリフレッシュするつもりです、そして、あなたはそれが少しきつくなっているのを見ることができます。

185
00:14:30,960 --> 00:14:34,330
今度はもっと劇的に下ろう2。 あなたはそれがより透明になるのが分かります。

186
00:14:34,460 --> 00:14:41,810
要約すると、ほとんどの人が使用していないカラーが組み込まれています。

187
00:14:42,920 --> 00:14:47,480
私たちは16進数を持っています。

188
00:14:47,690 --> 00:14:49,460
私たちはRを持っています。 G. それでB。

189
00:14:49,460 --> 00:14:50,900
RG B. Aがアルファを表す場所

190
00:14:50,900 --> 00:14:53,960