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
거기에 꽤 몇 가지 색상과 CSSA 이름을 가지고 내장했다.

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
그래서 첫 번째 것은 16 진수라고 불리는 것입니다. 왜 우리가 16 진수로 불리는 이유에 대해 이야기하기 전에 몇 가지 예를 살펴 보겠습니다.

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
그래서 여러분이 알아 차리는 것은 붉은 색이나 자주색 같은 단어를 갖는 것입니다. 우리는 이제이 해시 기호를 가지고 있습니다. 기술적으로는 옥타브 소프 (Octave Thorpe)라고 불리며 여섯 자리로 이어집니다.

25
00:02:51,270 --> 00:02:56,100
따라서 검은 색을 얻으려면 보라색을 얻기 위해서는 6 개의 제로가 필요합니다.

26
00:02:56,160 --> 00:02:59,690
당신은 그 숫자에 주목할 것입니다. 그러나 거기에 B라는 글자가 있습니다.

27
00:02:59,940 --> 00:03:07,000
마지막으로이 분홍빛이 도는 색을 얻으려면 숫자와 문자가 다시 쓰여집니다.

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
그리고 우리는 매우 짧은 수학 수업을 할 것입니다. 이것은 재미있는 것으로 생각되지만, 유익하고 16 진수가 어떻게 작동하는지 이해하는 데 도움이 될 것입니다.

31
00:03:23,640 --> 00:03:35,080
그래서 제가 학교에있을 때 중학교에 다시 간다면 우리는 십진법에 대해 많이 이야기했고 3 자리 숫자를 만들고 싶다고 가정 해 봅시다.

32
00:03:35,310 --> 00:03:39,660
우리는 한때 수백 자리에 10 위를 차지했습니다.

33
00:03:39,690 --> 00:03:52,710
따라서 제가 만들 수있는 가장 큰 3 자리 숫자를 원한다면, 999 개의 숫자가 기술적으로 가장 작은 3 자리 숫자는 111 또는 0 또는 1입니다.

34
00:03:53,190 --> 00:04:07,560
그러나 아이디어는 우리의 정규베이스 10의 각 장소가 기본 10 진수 시스템을 의미한다는 것입니다. 나는 0에서 9까지 할 수있는 모든 슬롯에 대해 10 가지 선택을가집니다.

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
그래서 3 자리 이진수를 만들고 싶다면 제가 만들 수있는 가장 큰 이진수는 1 1 1입니다.

40
00:04:32,700 --> 00:04:35,560
그것은 110과 동일하지 않습니다.

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
그래서 우리는 단지 두 가지 선택을 할 수 있습니다.

45
00:04:57,370 --> 00:04:59,850
그래서 16 진수는 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
따라서 가장 큰 16 진수 3 자리 숫자는 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
그리고 십진법을 사용하여 색상 이름을 지정하는 대신 16 진수를 사용하는 이유는 색상이 비교적 짧기 때문에 더 많은 선택권을 제공한다는 것입니다.

52
00:05:50,920 --> 00:05:55,370
따라서 기본적으로 16 진수는 색상을 취하고 숫자로 이름을 지정하는 것입니다.

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
따라서 16 진수는 Octa Thorpe보다 6 자리 길이 길게 시작됩니다.

57
00:06:13,030 --> 00:06:18,590
그리고 한 자릿수 2 3 4 5 6.

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
우리에게는 3 개의 H가 있고 스타일을 지정해야합니다.

64
00:06:47,050 --> 00:06:51,790
그래서 16 진법을 사용하기 위해서는 우리가하는 모든 것이 Octa Thorpe의 테이퍼이고 그 다음 여섯 자리입니다.

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
그리고 다른 모든 것은 0이 될 수 있습니다.

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
계속해서 밝은 빨간색의 파일을 보자.

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
그래서 16 진수입니다.

101
00:09:50,420 --> 00:09:58,910
우리가 이야기 할 다음 색 시스템은 R.G.입니다. b 그래서 RGV는 구문이 약간 다르다는 점을 제외하고는 매우 유사하게 작동합니다.

102
00:09:58,910 --> 00:10:02,600
그래서 R.G. B는 16 진수처럼 3 개의 채널이 있습니다.

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
그래서 우리는 세 가지 다른 채널을 가지고 있습니다. 청색은 파란색이고 구문은 콜론 (colonic)이며 단어는 문자 R.G입니다. B는 괄호로 묶인 다음 녹색의 값과 파란색의 값을 읽습니다.

106
00:10:25,640 --> 00:10:29,340
그리고 그 범위는 0에서 255까지입니다.

107
00:10:29,900 --> 00:10:40,170
그래서이 경우 우리는 모든 연령대가 R.G. 빨간색이 0 인 초록색은 파란색으로 모두 0입니다.

108
00:10:40,670 --> 00:10:50,150
그리고 우리는이 밝은 녹색을 얻습니다. 그리고 우리는이 모든 것을 2 세로 설정하여 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
나는 붉은 색을 모른다.

116
00:11:29,360 --> 00:11:39,840
초록색은 파란색이나 자주색보다 빨간색이나 자주색이어서 100 파란색을하고 저장합니다.

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
그리고 만약 내가 몇 가지 녹색을 소개하고 16 진수의 완전한 빨강 녹색과 파란색이 실제로 우리에게 흰색을주고 검은 색으로 전에 모든 것을 모든 방법을 켜십시오.

120
00:12:13,900 --> 00:12:18,080
세 채널 모두에 대해 0을 원합니다.

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
따라서 우리가 두 개의 채널 또는 두 개의 숫자를 빨간색과 녹색으로, 두 개를 파란색으로 대신하여 여기에 쓰는 대신 3 개의 슬롯이 있고 그냥 0에서 255로 넘어갑니다.

124
00:12:43,040 --> 00:12:49,880
그래서 제가 이야기하고자하는 또 다른 구문과 다른 구문은 GPA입니다.

125
00:12:50,270 --> 00:12:59,100
그래서 R-GA는 R.G와 같이 작동합니다. B 거기에 하나의 작은 비틀기가 있다는 점을 제외하고는 Alpha라고하는 네 번째 채널이 있습니다. 이는 색상을 투명하게 만드는 방법입니다.

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
그리고 처음 3 개는 이전과 같습니다.

129
00:13:16,580 --> 00:13:23,900
범위는 0에서 255까지이지만 알파 채널의 마지막 성가는 0에서 1까지입니다.

130
00:13:24,470 --> 00:13:26,370
여기에 몇 가지 예를 드리겠습니다.

131
00:13:26,540 --> 00:13:33,800
여기서 우리는 RG와 B 채널에 관한 한 모든 3 가지 색상을 정확히 동일하게 설정합니다.

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
따라서 4 개의 알파를 모두 사용하면 투명성이 전혀 없습니다.

136
00:13:48,050 --> 00:13:49,810
우리는이 독감으로 끝납니다.

137
00:13:50,480 --> 00:13:56,340
알파가 포인트 6이라고 말했을 때 우리는 훨씬 더 가볍고 투명한 파랑을 얻습니다.

138
00:13:56,690 --> 00:14:01,640
그리고 나서 우리는 포인트 2로 설정합니다. 우리는 이것을 간신히 얻습니다.

139
00:14:01,880 --> 00:14:09,300
그래서 다른 예를 들어 Archie B-A를하고 이번에는 녹색을 보자.

140
00:14:09,440 --> 00:14:18,860
그래서 200이나 초록색과 약간의 파란색 그리고 우리는 우리의 알파가 필요하고 그냥 하나부터 시작합시다.

141
00:14:18,860 --> 00:14:23,080
페이지를 새로 고침하면 녹색이됩니다.

142
00:14:23,180 --> 00:14:30,830
자 이제 똑같은 일을 해보 죠. 약간 더 가볍게 만드십시오. 8 번 지점을 해봅시다.

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
우리는 16 진수를가집니다.

147
00:14:49,460 --> 00:14:50,900
우리는 R.G. B 그럼.