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

2
00:00:01,740 --> 00:00:22,880
因此，在這一課，我們要討論的很多描述和代表用C SS的色調和方式的不同，到現在為止，如果我們去評估，我們已經寫我們剛剛一直在使用簡單的小學的顏色如紅色和綠色和紫色，顯然這些工作確定，但他們不是特別好深淺不漂亮的顏色。

3
00:00:22,890 --> 00:00:30,900
在我看來，因為大多數設計師和大多數人做網站有一個非常具體的調色板你可能永遠不會使用它們。

4
00:00:31,320 --> 00:00:39,070
無論是你知道是繼品牌的顏色像綠色的品牌，或者如果它是一個調色板一個非常具體的東西遮陽。

5
00:00:39,250 --> 00:00:46,760
我是一個設計師或者是有人創造了幾乎沒有人只使用純默認紅色或綠色或紫色。

6
00:00:47,130 --> 00:00:52,670
隨著中說有相當內置的色彩和綜援有名字有幾個。

7
00:00:52,980 --> 00:00:55,380
而事實上，還有比你會覺得可能更多。

8
00:00:55,500 --> 00:00:59,370
而且還有比大多數人永遠銘記的方式更多。

9
00:00:59,370 --> 00:01:06,710
因此，有一樣東西矢車菊藍或黑蘭花，並有我認為147不同的顏色。

10
00:01:06,870 --> 00:01:10,530
在這裡，這個網站，其實我真的已經沒有用過。

11
00:01:10,540 --> 00:01:15,800
我只是想給你看它的可視化所有不同命名的顏色，看到評估的方法。

12
00:01:16,080 --> 00:01:31,500
當然使用這些的問題仍然是只有147的顏色和你可能想的就是這樣的黃金色，但稍淺或稍暗或微偏紅而且也不會是您的最佳選擇一種顏色。

13
00:01:31,500 --> 00:01:36,310
然後將另一問題是，它要記住這些名字般輕盈深灰色只是很難。

14
00:01:36,360 --> 00:01:37,750
沒有人記得。

15
00:01:37,770 --> 00:01:45,940
所以，我真的只用命名的顏色，如紅色橙色紫色只是非常快調試的目的，以確保東西的工作。

16
00:01:45,960 --> 00:01:48,410
我只是把它的紅色，看看是否有效。

17
00:01:48,540 --> 00:01:54,080
也只是為了教育目的，但大多數人永遠不會使用這些顏色。

18
00:01:54,730 --> 00:01:58,940
所以CSS提供，我們可以一起工作了幾個不同的顏色系統。

19
00:01:59,280 --> 00:02:03,410
而這些都是由存在的SS以外的方式彩色系統。

20
00:02:03,540 --> 00:02:11,790
所以，如果你有一些熟悉的攝影或打印和你顏色的工作，你可能遇到一些這些之前。

21
00:02:12,120 --> 00:02:21,970
因此，第一個是所謂十六進制和之前我們談論為什麼它被稱為十六進制和這意味著什麼就讓我們來看看幾個例子。

22
00:02:21,990 --> 00:02:29,740
所以，在這裡我們做的第一件事就是選擇所有H-1和改變他們的文本顏色為黑色。

23
00:02:30,030 --> 00:02:39,550
我們正在做的下一件事就是選擇所有的紋身改變顏色是紫色陰影，然後選擇所有年齡三五成群教他們是粉紅色的色調。

24
00:02:39,600 --> 00:02:50,710
所以你會注意到的是，而不是像紅色或紫色的字我們現在有這個哈希的象徵，它在技術上被稱為八度索普隨後六位數字。

25
00:02:51,270 --> 00:02:56,100
因此，要獲得它黑色的六個零拿到紫色。

26
00:02:56,160 --> 00:02:59,690
你會發現它的號碼，但也有一個字母B在那裡。

27
00:02:59,940 --> 00:03:07,000
，最後得到這個粉色顏色再次是數字和字母這次字母F ..

28
00:03:07,020 --> 00:03:09,200
因此，這裡發生了什麼。

29
00:03:09,390 --> 00:03:12,300
我要去進取，不斷開拓一些筆記，我有。

30
00:03:12,630 --> 00:03:23,620
而我們要做一個真正的短節數學課是這樣更為公正的東西，我覺得很有趣，但它也是內容豐富，將有助於了解十六進制的作品。

31
00:03:23,640 --> 00:03:35,080
所以，如果你回到高三的時候我是在至少我們談了很多關於十進制系統，以及如何讓我們假設我想創建一個三位數的學校。

32
00:03:35,310 --> 00:03:39,660
我們有我們曾經放在百位第10位。

33
00:03:39,690 --> 00:03:52,710
所以，如果我想要一個號碼，我可以創造最大的三位數是999的最小三位數技術上是111或0 0或1。

34
00:03:53,190 --> 00:04:07,560
但這個想法是，在我們經常基地10每個地方這是什麼意思呢基地10十進制數我有10個選擇，每插槽我可以通過做9 0。

35
00:04:07,980 --> 00:04:14,950
所以這是基地10這就是我們已經習慣了與我們合作的數字為0 1 2 3 4 5 6 7 8 9。

36
00:04:15,390 --> 00:04:17,630
但也有其他的一些系統。

37
00:04:17,790 --> 00:04:21,940
所以，你可能聽說過的二進制，並且是基於兩項。

38
00:04:21,960 --> 00:04:25,360
所以這意味著我們只有0和1為我們的選擇。

39
00:04:25,770 --> 00:04:32,690
所以，如果我想建立一個三位數的二進制數最大的一個，我可以打造為1 1 1。

40
00:04:32,700 --> 00:04:35,560
這是不一樣的一一一。

41
00:04:35,580 --> 00:04:48,310
因此，這是不是真的真的去了，你可能是如何工作的二進制但見這樣的事情像CSI節目或任何類型的節目在那裡他們試圖告訴你什麼是黑客攻擊的樣子，他們是完全錯誤的時間。

42
00:04:48,490 --> 00:04:53,230
但是，這是事實，二是計算機如何工作的一個非常非常重要的組成部分。

43
00:04:53,470 --> 00:04:54,850
所以這是太為主。

44
00:04:54,910 --> 00:04:57,030
所以，我們只是有兩個選擇0或1。

45
00:04:57,370 --> 00:04:59,850
因此，十六進制為基數為16。

46
00:05:00,340 --> 00:05:10,480
所以這意味著我們有16個選擇，而這些選擇去從0到9，然後，而不是去10 11 12 13 14 15。

47
00:05:10,810 --> 00:05:17,380
這是兩個數字兩位數字是有問題的X的，這包括字母。

48
00:05:17,380 --> 00:05:22,070
因此，我們必須從0到9，然後ABC DCF。

49
00:05:22,270 --> 00:05:33,090
所以，最大的十六進制數前三位數字是F F F，最小0 0 0。

50
00:05:33,910 --> 00:05:37,500
因此，這就像任何其他的數字系統，但我們有16個選擇。

51
00:05:37,690 --> 00:05:50,610
和十六進制使用，而不是僅僅使用十進制命名顏色的原因是它給我們帶來很多更多的選擇，同時保持recolors的名稱相對較短。

52
00:05:50,920 --> 00:05:55,370
所以基本上有十六進制只是把顏色並賦予其數字的名字。

53
00:05:55,390 --> 00:05:59,200
如果我們使用基地10，我們只有每10位的選擇。

54
00:05:59,200 --> 00:06:05,760
因此，我們需要，如果我們使用二進制，我們可能需要使用數字一噸來表示顏色使用更多的數字。

55
00:06:05,770 --> 00:06:07,870
數百成千上萬的數字。

56
00:06:07,930 --> 00:06:12,820
因此，十六進制數字是六位數開始的比八溴索普。

57
00:06:13,030 --> 00:06:18,590
然後一個數字一二三四五六人。

58
00:06:18,730 --> 00:06:22,010
而且它工作的方式不只是隨機數。

59
00:06:22,240 --> 00:06:24,590
實際上，有一個系統的一點點。

60
00:06:24,640 --> 00:06:36,220
這樣的前兩個數字對應於多少紅色是在顏色以對應於多少綠色和在最後兩個對應於多少藍色是在色彩下。

61
00:06:36,760 --> 00:06:40,300
所以我要繼續前進，切換到我們見評估和告訴你我是什麼意思。

62
00:06:40,810 --> 00:06:43,510
所以我們就用我們的H-1在這裡工作。

63
00:06:43,600 --> 00:06:46,880
我們有三個^ h的人，必須樣式。

64
00:06:47,050 --> 00:06:51,790
因此，要使用十六進制所有我們做的是逐漸變細八溴索普，然後6位數字。

65
00:06:52,180 --> 00:06:58,090
因此，讓我們通過定義一個紅色開始，記得前兩個是紅色的。

66
00:06:58,090 --> 00:07:04,370
因此，我們的前兩個數字，如果我們想全紅會是F F，因為這是人數最多的。

67
00:07:04,990 --> 00:07:07,630
然後一切可以為零。

68
00:07:07,630 --> 00:07:10,370
因此，這是要拯救變紅一路上漲。

69
00:07:10,660 --> 00:07:12,050
沒有綠色，沒有藍色。

70
00:07:12,280 --> 00:07:13,270
如果我們做到這一點。

71
00:07:13,570 --> 00:07:19,810
讓我們繼續前進，開創我們的文件，你會看到，是H的是鮮紅色。

72
00:07:19,870 --> 00:07:26,400
因此，讓我們回去，讓我們玩這個一點點，現在推出的綠色一點點。

73
00:07:26,860 --> 00:07:36,280
因此，讓我們給它八年你會看到我們得到這個微橙色，你可能會奇怪，怎麼是綠色的橙紅色。

74
00:07:36,520 --> 00:07:46,000
得到的答复是，這是不是你已經習慣了被混合塗料例如RG B工作稍有不同的顏色相同的系統。

75
00:07:46,150 --> 00:07:48,190
又一次這件事情對於其他視頻。

76
00:07:48,220 --> 00:08:03,160
但本質上，如果我們加了紅，綠，藍一路充滿衝滿綠滿藍產生的顏色不像是棕色或黑色的像你所期望的。

77
00:08:03,160 --> 00:08:07,350
它實際上是白色的，這實際上是在現實世界中光的原理。

78
00:08:07,420 --> 00:08:13,740
如果你可以採取離開燈或三個LCD指示燈紅色綠色和藍色，並結合他們和光澤在一起。

79
00:08:13,810 --> 00:08:15,560
實際上，你會得到白光。

80
00:08:15,790 --> 00:08:17,690
所以這就是這個顏色是如何工作的。

81
00:08:18,060 --> 00:08:18,310
好。

82
00:08:18,310 --> 00:08:23,380
所以大部分的時間你其實並沒有想出這些顏色從頭開始。

83
00:08:23,380 --> 00:08:24,410
因此，這不是真的。

84
00:08:24,520 --> 00:08:42,750
我的意思是這是一個很好的技能，但你不必能夠你所知道的紫色或綠色或不管它是不是真的，你最常會做什麼範圍陰涼處，以確定這種顏色是某種的是有一個顏色選擇器。

85
00:08:43,350 --> 00:08:46,670
因此，讓我們說我要像一個暗紫色的陰影。

86
00:08:46,750 --> 00:08:48,160
有彩色圖片種種。

87
00:08:48,190 --> 00:08:53,110
有取決於如果您有Mac或PC，你可以下載一個在一些是你的機器上。

88
00:08:53,110 --> 00:09:01,400
其中一些是包括在內，但我們也可以去網上，如果我要像一個暗紫色樹蔭我只能找到這個紫色。

89
00:09:02,290 --> 00:09:07,300
讓我們在這裡說這個顏色。

90
00:09:07,840 --> 00:09:10,160
然後，我就可以複製。

91
00:09:10,230 --> 00:09:12,080
我認為，把它抄了。

92
00:09:12,140 --> 00:09:14,050
不，你只是複製。

93
00:09:14,160 --> 00:09:24,900
在那裡，它是這種顏色並使用該刷新，我們得到了一個暗紫色。

94
00:09:24,980 --> 00:09:28,090
因此，這是最常見的，你會做什麼，你就會有一個顏色選擇器。

95
00:09:28,340 --> 00:09:32,390
最初，你來接你的顏色，然後你剛才提到回到他們。

96
00:09:32,390 --> 00:09:33,870
因此，這不是最直觀的。

97
00:09:34,010 --> 00:09:42,920
這是更好，如果它是這樣說陰暗茄子但當然這不會是精確。

98
00:09:42,920 --> 00:09:44,540
那是暗紫色的只是一個陰影。

99
00:09:44,540 --> 00:09:47,070
如果我想改變它，我的運氣。

100
00:09:47,120 --> 00:09:50,420
所以這是十六進制。

101
00:09:50,420 --> 00:09:58,910
我們要談下的色彩系統是R.G. B以便RGV作品非常相似，只是語法略有不同。

102
00:09:58,910 --> 00:10:02,600
所以R.G.早餐的旅館有三個渠道，就像十六進制。

103
00:10:02,630 --> 00:10:04,620
有紅，綠，藍。

104
00:10:05,120 --> 00:10:08,380
什麼不同的是，RGV仍然是基地10。

105
00:10:08,810 --> 00:10:25,360
所以，我們做什麼，我們有三個不同的渠道紅，綠，藍和語法顏色冒號，然後這個詞是字母R.G.乙括號，然後的價值我們閱讀我們的綠色的價值和我們的藍色的價值。

106
00:10:25,640 --> 00:10:29,340
和那些範圍從零至255。

107
00:10:29,900 --> 00:10:40,170
因此，在這種情況下，我們說所有年齡的是R.G.是哪裡紅為零的綠色達藍色一路為零。

108
00:10:40,670 --> 00:10:50,150
而我們得到這個明亮的綠色，這一次我們要設置所有年齡三三兩兩要R.G.是紅的地方是關於半山腰。

109
00:10:50,300 --> 00:10:52,100
綠色是完全消失。

110
00:10:52,340 --> 00:11:04,140
和藍色的大約一半了，我們得到一個不錯的紫色，然後這一塊我們設置所有年齡三分球是藍色為主與小綠就更少了紅色和我們得到這個燈罩的藍色。

111
00:11:04,700 --> 00:11:07,420
因此，讓我們做了幾個例子。

112
00:11:08,960 --> 00:11:13,720
我們去一個讓我們再次做了紫色。

113
00:11:13,820 --> 00:11:19,480
因此，我們將文字我們的G-B括號，然後我們需要我們的渠道。

114
00:11:19,640 --> 00:11:27,180
因此，第一個，如果我們想要一個紫色或想一些紅色讓我們做60。

115
00:11:27,200 --> 00:11:28,800
我不知道68的紅色。

116
00:11:29,360 --> 00:11:39,840
零綠，這將是一個藍色或紫色則比紅色或紫色的，所以我們會做一百年的藍色，我們保存。

117
00:11:41,660 --> 00:11:45,560
當然它看起來並不像太大的變化，但它也略有變化。

118
00:11:45,560 --> 00:11:53,920
因此，讓我們繼續前進，現在調高讀取相當多的240，你可以看到我們得到了一個粉紅色的紫色。

119
00:11:54,500 --> 00:12:13,900
如果我介紹一些綠色，如果我之前把一切都一路上漲，正如與十六進制全紅綠色和藍色實際上給我們白而要獲得黑色。

120
00:12:13,900 --> 00:12:18,080
你想為所有三個通道為零。

121
00:12:18,080 --> 00:12:20,690
因此，我們的B是非常相似的小數。

122
00:12:20,750 --> 00:12:22,660
唯一的區別是該語法。

123
00:12:22,940 --> 00:12:43,040
因此，而不是寫出這樣的事情，我們有兩個通道或兩位數字紅色綠色和兩個藍色，而不是我們有三個插槽，我們只是去從零到255。

124
00:12:43,040 --> 00:12:49,880
所以只是一個語法和另一個語法我想談的是我們的GPA。

125
00:12:50,270 --> 00:12:59,100
所以R-GA的作品就像R.G.乙除了有一小搓它是有一個名為阿爾法第四道是如何可以使顏色透明。

126
00:12:59,270 --> 00:13:05,950
所以R.G.如果你想有一個顏色，你正在或多或少透明的V-A是偉大的。

127
00:13:06,230 --> 00:13:13,830
因此，它的工作的方式是完全相同的語法，除了我們寫R.G.是一個，然後我們有我們需要填寫四個通道。

128
00:13:14,150 --> 00:13:16,560
與前三只是像以前一樣。

129
00:13:16,580 --> 00:13:23,900
它們的範圍從零至255，但是，從alpha通道最後唄範圍從0到1。

130
00:13:24,470 --> 00:13:26,370
所以我在這裡給大家舉幾個例子。

131
00:13:26,540 --> 00:13:33,800
這裡，我們設置所有的三個是相同的顏色，只要將RG和B通道而言。

132
00:13:33,920 --> 00:13:35,080
所以11紅色。

133
00:13:35,170 --> 00:13:37,850
九十九綠藍950。

134
00:13:38,480 --> 00:13:42,840
然後是第四道，我們正在改變阿爾法或改變透明度。

135
00:13:42,860 --> 00:13:47,950
因此，有四個字母的所有一切都還沒有達到透明度。

136
00:13:48,050 --> 00:13:49,810
我們結束了與此感。

137
00:13:50,480 --> 00:13:56,340
當我們說阿爾法是第六點，我們獲得這麼多更輕，更透明的藍色。

138
00:13:56,690 --> 00:14:01,640
然後，我們將其設置為第二點，我們得到這是幾乎沒有。

139
00:14:01,880 --> 00:14:09,300
所以，讓我們做一個例子，讓我們做阿奇B-A，這一次讓我們做一個綠色的。

140
00:14:09,440 --> 00:14:18,860
因此，200個左右的綠色和藍色的一點點，然後我們需要我們的alpha和讓剛剛開始的。

141
00:14:18,860 --> 00:14:23,080
刷新頁面，我們得到這個綠色。

142
00:14:23,180 --> 00:14:30,830
所以，現在讓我們做同樣的事情，但它弄得有一點蒼白因此，讓我們做點八強。

143
00:14:30,960 --> 00:14:34,330
我要刷新，你可以看到它有一點點蒼白。

144
00:14:34,460 --> 00:14:41,810
現在，讓我們成為下跌2.2更激烈，你可以看到它得到了很多更加透明。

145
00:14:42,920 --> 00:14:47,480
總結一下，我們已經內置其中大多數人不使用的顏色。

146
00:14:47,690 --> 00:14:49,460
我們有十六進制。

147
00:14:49,460 --> 00:14:50,900
我們有R.G.然後B。