승인.
그래서이 수업에서 우리는 C Ss의 색상을 표현하고 표현하는 다양한 방법에 대해 논의 할 것입니다. 지금까지 우리가 작성한 평가에 가면 지금까지 간단한 초등 학교 색상을 사용했습니다. 빨강 및 초록색과 자주색과 같은 작업은 정상적으로 작동하지만 괜찮은 색상이 아닌 특히 멋진 색조는 아닙니다.
대부분의 디자이너와 웹 사이트를 만드는 대부분의 사람들이 매우 특정한 컬러 팔레트를 가지고 있기 때문에 제 생각에는 당신은 아마 그것을 사용하지 않을 것입니다.
브랜드의 색상에 따라 브랜드의 녹색 특유의 색상이나 색상 팔레트와 같은 색상을 따르는 지 여부를 알 수 있습니다.
나는 디자이너이거나 다른 사람이 만들지 않은 거의 기본 빨간색 또는 녹색이나 보라색을 사용합니다.
거기에 꽤 몇 가지 색상과 CSSA 이름을 가지고 내장했다.
그리고 실제로 당신이 생각하는 것 이상이있을 것입니다.
그리고 대부분의 사람들이 기억하는 것보다 더 많은 방법이 있습니다.
수레 국화가 푸른 색이나 어두운 난초와 같은 것들이 있습니다. 그리고 나는 147 가지 색상을 생각합니다.
그리고이 사이트는 제가 실제로 사용한 적이 없습니다.
나는 단지 당신에게 그것을 보여주고 싶습니다. 그것은 모든 다른 이름의 색상을 시각화하고 평가를 보는 방법입니다.
그리고 물론 이것들을 사용하는 것에 대한 문제는 여전히 147 색이며 당신은이 금색을 좋아하지만 다소 가볍거나 약간 어둡거나 약간 빨갛게 들리는 색을 원할 수 있습니다. 그리고 당신에게는 완벽한 선택이 될 수 없습니다.
그리고 또 다른 문제는 밝은 슬레이트 회색과 같은이 이름을 기억하는 것이 어렵다는 것입니다.
아무도 그걸 기억하지 못합니다.
그래서 저는 정말 빠른 디버깅 목적을 위해 빨간색 주황색과 같이 이름이 지정된 색상 만 사용하여 작동하는지 확인합니다.
나는 그것을 단지 빨간색으로 돌리고 그것이 효과가 있는지보기 만 할 것입니다.
또한 교육 목적으로 만 사용하지만 대부분의 사람들은 절대로이 색상을 사용하지 않습니다.
그래서 CSS는 우리가 작업 할 수있는 몇 가지 다른 색상 시스템을 제공합니다.
그리고 이것은 SS 외부에 존재하는 방식에 의한 색상 시스템입니다.
따라서 사진이나 인쇄에 익숙하다면 색상으로 작업했기 때문에 일부를 만났을 수도 있습니다.
그래서 첫 번째 것은 16 진수라고 불리는 것입니다. 왜 우리가 16 진수로 불리는 이유에 대해 이야기하기 전에 몇 가지 예를 살펴 보겠습니다.
그래서 여기에서 우리가하는 첫 번째 일은 모든 H-1을 선택하고 텍스트 색상을 검정색으로 변경하는 것입니다.
우리가하고있는 다음 일은 색을 변화시키는 모든 문신을 보라색 그늘로 선택한 다음 모든 나이 열매를 선택하고 그들을 핑크색 그늘로 가르치는 것입니다.
그래서 여러분이 알아 차리는 것은 붉은 색이나 자주색 같은 단어를 갖는 것입니다. 우리는 이제이 해시 기호를 가지고 있습니다. 기술적으로는 옥타브 소프 (Octave Thorpe)라고 불리며 여섯 자리로 이어집니다.
따라서 검은 색을 얻으려면 보라색을 얻기 위해서는 6 개의 제로가 필요합니다.
당신은 그 숫자에 주목할 것입니다. 그러나 거기에 B라는 글자가 있습니다.
마지막으로이 분홍빛이 도는 색을 얻으려면 숫자와 문자가 다시 쓰여집니다.
그래서 여기서 무슨 일이 일어나고 있는지.
내가 가지고있는 메모를 열어 보겠습니다.
그리고 우리는 매우 짧은 수학 수업을 할 것입니다. 이것은 재미있는 것으로 생각되지만, 유익하고 16 진수가 어떻게 작동하는지 이해하는 데 도움이 될 것입니다.
그래서 제가 학교에있을 때 중학교에 다시 간다면 우리는 십진법에 대해 많이 이야기했고 3 자리 숫자를 만들고 싶다고 가정 해 봅시다.
우리는 한때 수백 자리에 10 위를 차지했습니다.
따라서 제가 만들 수있는 가장 큰 3 자리 숫자를 원한다면, 999 개의 숫자가 기술적으로 가장 작은 3 자리 숫자는 111 또는 0 또는 1입니다.
그러나 아이디어는 우리의 정규베이스 10의 각 장소가 기본 10 진수 시스템을 의미한다는 것입니다. 나는 0에서 9까지 할 수있는 모든 슬롯에 대해 10 가지 선택을가집니다.
그래서 그것은 우리가 숫자로 작업하는 데 사용되는 기본 10입니다 0 1 2 3 4 5 6 7 8 9.
그러나 다른 수 체계가 있습니다.
따라서 이전에 바이너리에 대해 들어봤을 수 있습니다.
따라서 우리는 옵션으로 0과 1 만 가질 수 있습니다.
그래서 3 자리 이진수를 만들고 싶다면 제가 만들 수있는 가장 큰 이진수는 1 1 1입니다.
그것은 110과 동일하지 않습니다.
따라서 실제로는 바이너리 작동 방식을 직접 살펴볼 시간이 아니지만 CSI 쇼 또는 해킹이 어떻게 보이는지를 보여주는 모든 종류의 쇼에서 이러한 것을 볼 수 있습니다.
그러나 바이너리가 컴퓨터 작동 방식에서 정말로 중요한 부분이라는 것은 사실입니다.
그래서 그것도 기반으로합니다.
그래서 우리는 단지 두 가지 선택을 할 수 있습니다.
그래서 16 진수는 16 진수입니다.
즉, 우리는 16 가지 선택을 할 수 있으며 그 선택은 0에서 9로 이어지고 10 11 12 13 14 15로 넘어 간다는 것을 의미합니다.
그것들은 문제가있는 X가 더 많고 글자를 포함하는 두 자리 숫자 두 자리 숫자입니다.
그래서 우리는 0에서 9까지 그리고 ABC DCF를가집니다.
따라서 가장 큰 16 진수 3 자리 숫자는 F F F이고 가장 작은 0 0 0이됩니다.
16 가지 선택 사항을 제외하고 다른 숫자 체계와 같습니다.
그리고 십진법을 사용하여 색상 이름을 지정하는 대신 16 진수를 사용하는 이유는 색상이 비교적 짧기 때문에 더 많은 선택권을 제공한다는 것입니다.
따라서 기본적으로 16 진수는 색상을 취하고 숫자로 이름을 지정하는 것입니다.
10 진수를 사용하면 숫자 당 10 개의 선택 만 할 수 있습니다.
따라서 바이너리를 사용하는 경우 더 많은 자릿수를 사용해야하고 색상을 표현할 때 자릿수를 사용해야합니다.
수백, 수십억 자리
따라서 16 진수는 Octa Thorpe보다 6 자리 길이 길게 시작됩니다.
그리고 한 자릿수 2 3 4 5 6.
그리고 그것이 작동하는 방식은 단지 난수가 아닙니다.
실제로 약간의 시스템이 있습니다.
따라서 처음 두 숫자는 얼마나 많은 녹색이 얼마나 많은 녹색인지, 마지막 두 개는 색상에 얼마나 많은 푸른 색이 있는지에 해당합니다.
그래서 저는 앞으로 나아가서 우리의 평가를보고 당신이 말하는 것을 보여줄 것입니다.
여기 H-1과 함께 작업하겠습니다.
우리에게는 3 개의 H가 있고 스타일을 지정해야합니다.
그래서 16 진법을 사용하기 위해서는 우리가하는 모든 것이 Octa Thorpe의 테이퍼이고 그 다음 여섯 자리입니다.
먼저 붉은 색을 정의하고 처음 두 개는 빨간색이라는 것을 기억하십시오.
첫 번째 두 자리는 풀 레드를 원한다면 f f가 될 것입니다. 가장 높은 숫자이기 때문입니다.
그리고 다른 모든 것은 0이 될 수 있습니다.
그래서 이것은 빨간색으로 끝까지 절약 할 것입니다.
녹색이없고 파란색이 없습니다.
우리가 그렇게한다면.
계속해서 밝은 빨간색의 파일을 보자.
다시 돌아가서 이것으로 조금 놀아 보자. 그리고 이제는 약간의 초록을 소개하겠습니다.
그러니 여덟 개를 주면이 약간의 주황색을 얻게 될 것이고 당신은 어떻게 초록색 주황색인지 궁금해 할 것입니다.
그리고 답은 이것이 RG B가 약간 다른 방식으로 페인트를 섞는 데 사용되는 것과 같은 색상 시스템이 아니라는 것입니다.
그리고 또 다른 비디오를위한 것입니다.
그러나 본질적으로 적색 녹색과 청색을 모두 합쳐서 전체 적색 전체 녹색과 완전 청색으로하면 결과 색상은 갈색 또는 검정색과 같지 않을 수 있습니다.
실제로는 흰색이고 이것이 실제 세계에서 빛이 어떻게 작용 하는지를 보여줍니다.
조명이나 세 개의 LCD 표시등을 빨간색 녹색과 파란색으로두고 결합하여 빛을 발할 수 있다면.
당신은 실제로 백색 빛을 얻을 것입니다.
이것이 바로이 색상이 작동하는 방식입니다.
승인.
그래서 대부분의 경우 실제로 처음부터이 색상을 사용하지 않습니다.
그래서 그것은 정말로 아닙니다.
제 말은 멋진 기술이지만 색깔이 무엇인지 알 필요가 없습니다. 보라색이나 초록색의 그늘이 무엇인지 알기 때문에 실제로는 그 범위가 아니기 때문에 색상 선택기가 있어야합니다. .
그리고 어두운 보라색 그늘처럼 싶다고합시다.
모든 종류의 컬러 사진이 있습니다.
Mac 또는 PC를 가지고 있는지에 따라 컴퓨터에 다운로드 할 수있는 프로그램이 있습니다.
그들 중 일부는 포함되어 있지만 온라인에 접속할 수도 있습니다. 어두운 보라색 그늘을 원한다면이 보라색을 찾을 수 있습니다.
이 색을 여기에 말해 보겠습니다.
그런 다음 복사 만 할 수 있습니다.
나는 그것을 복사했다고 생각한다.
아니, 그냥 복사해라.
저기에이 색이 있고 새로 고침을하면 짙은 보라색이됩니다.
따라서 가장 자주하는 일은 색상 선택기를 사용하는 것입니다.
처음에는 색을 고른 다음 다시 참조 만하면됩니다.
그래서 가장 직관적 인 것은 아닙니다.
그것이 어두운 가지와 같은 것을 말한다면 그것은 더 좋지만 물론 그것은 정확하지 않을 것입니다.
그것은 어두운 보라색의 그늘입니다.
그리고 그것을 바꾸고 싶으면 나는 운이 없네.
그래서 16 진수입니다.
우리가 이야기 할 다음 색 시스템은 R.G.입니다. b 그래서 RGV는 구문이 약간 다르다는 점을 제외하고는 매우 유사하게 작동합니다.
그래서 R.G. B는 16 진수처럼 3 개의 채널이 있습니다.
빨간색과 파란색이 있습니다.
그리고 다른 점은 RGV가 여전히 10에 있다고합니다.
그래서 우리는 세 가지 다른 채널을 가지고 있습니다. 청색은 파란색이고 구문은 콜론 (colonic)이며 단어는 문자 R.G입니다. B는 괄호로 묶인 다음 녹색의 값과 파란색의 값을 읽습니다.
그리고 그 범위는 0에서 255까지입니다.
그래서이 경우 우리는 모든 연령대가 R.G. 빨간색이 0 인 초록색은 파란색으로 모두 0입니다.
그리고 우리는이 밝은 녹색을 얻습니다. 그리고 우리는이 모든 것을 2 세로 설정하여 R.G. 레드가 약 반 정도 올라간 곳에 있어야합니다.
녹색은 완전히 없어졌습니다.
그리고 파란색은 중간에 있습니다. 그리고 우리는 멋진 보라색을 얻습니다. 그리고 나서 우리는 모든 연령대의 나무가 주로 푸른 색을 띄고 조금 적색을 띄게되고 푸른 색을 띄게됩니다.
그럼 몇 가지 예를 들어 봅시다.
다시 보라색을하자.
그래서 우리는 단지 우리의 G-B가 괄호로 둘러싸인 단어를 쓰고 우리는 우리의 채널을 필요로합니다.
그래서 우리가 자주색을 원한다면 첫 번째 또는 빨간색을 원한다면 60을하십시오.
나는 붉은 색을 모른다.
초록색은 파란색이나 자주색보다 빨간색이나 자주색이어서 100 파란색을하고 저장합니다.
그리고 물론 그것은 많은 변화처럼 보이지 않지만 약간 변경되었습니다.
그러니 계속해서 240을 약간 읽으십시오. 그리고 여러분은 우리가 분홍빛이 도는 보라색을 볼 수 있습니다.
그리고 만약 내가 몇 가지 녹색을 소개하고 16 진수의 완전한 빨강 녹색과 파란색이 실제로 우리에게 흰색을주고 검은 색으로 전에 모든 것을 모든 방법을 켜십시오.
세 채널 모두에 대해 0을 원합니다.
그래서 우리 B는 십진법과 매우 유사합니다.
유일한 차이점은 구문입니다.
따라서 우리가 두 개의 채널 또는 두 개의 숫자를 빨간색과 녹색으로, 두 개를 파란색으로 대신하여 여기에 쓰는 대신 3 개의 슬롯이 있고 그냥 0에서 255로 넘어갑니다.
그래서 제가 이야기하고자하는 또 다른 구문과 다른 구문은 GPA입니다.
그래서 R-GA는 R.G와 같이 작동합니다. B 거기에 하나의 작은 비틀기가 있다는 점을 제외하고는 Alpha라고하는 네 번째 채널이 있습니다. 이는 색상을 투명하게 만드는 방법입니다.
그래서 R.G. V-A는 어느 정도 투명하게 만드는 한 가지 색상을 원한다면 좋습니다.
그래서 그것이 작동하는 방식은 우리가 R.G를 쓰는 것을 제외하고는 똑같은 구문입니다. 그러면 우리는 우리가 채워야 할 네 가지 채널을 가지고 있습니다.
그리고 처음 3 개는 이전과 같습니다.
범위는 0에서 255까지이지만 알파 채널의 마지막 성가는 0에서 1까지입니다.
여기에 몇 가지 예를 드리겠습니다.
여기서 우리는 RG와 B 채널에 관한 한 모든 3 가지 색상을 정확히 동일하게 설정합니다.
그래서 11 레드.
아흔 아홉 녹색 950 파란색.
그리고 네 번째 채널에서는 알파를 변경하거나 투명도를 변경합니다.
따라서 4 개의 알파를 모두 사용하면 투명성이 전혀 없습니다.
우리는이 독감으로 끝납니다.
알파가 포인트 6이라고 말했을 때 우리는 훨씬 더 가볍고 투명한 파랑을 얻습니다.
그리고 나서 우리는 포인트 2로 설정합니다. 우리는 이것을 간신히 얻습니다.
그래서 다른 예를 들어 Archie B-A를하고 이번에는 녹색을 보자.
그래서 200이나 초록색과 약간의 파란색 그리고 우리는 우리의 알파가 필요하고 그냥 하나부터 시작합시다.
페이지를 새로 고침하면 녹색이됩니다.
자 이제 똑같은 일을 해보 죠. 약간 더 가볍게 만드십시오. 8 번 지점을 해봅시다.
나는 새로 고침을 할 것이고 조금 더 창백해진다는 것을 알 수 있습니다.
이제는 2.2보다 더 극적으로 보자. 훨씬 투명해진다.
요약하자면, 우리는 대부분의 사람들이 사용하지 않는 내장 된 색상을 가지고 있습니다.
우리는 16 진수를가집니다.
우리는 R.G. B 그럼.