CSS 색상

색상은 웹 페이지에서 빠질 수 없는 요소입니다. 예를 들어 우리는 어떤 글꼴에 색을 설정하고, 요소의 테두리에 색을 설정하며, 요소의 배경색을 설정할 수 있습니다.웹 페이지를 보기 좋게 하려면 틀림없이 그것에 약간의 색채를 첨가해야 한다.
색상 값
색상은 빨간색, 녹색 및 파란색의 조합으로 표시됩니다.일반적으로 다음과 같은 세 가지 방법으로 CSS의 색상을 지정합니다.

색상 이름

16진수 색상 값

RGB 색상

색상 이름
HTML 및 CSS 색상 사양명세에는 표준 색상 17개와 기타 색상 130개 등 147개의 색상 이름이 정의되어 있습니다.
예를 들어 red 빨간색, green 초록색, blue 파란색 등은 색깔 이름이 너무 많아서 일일이 열거하지 않겠습니다.우리는 주로 어떻게 색깔을 설정하는지 이야기한다.
예:
예를 들어, 색상 이름을 사용하여 글꼴 색상을 빨간색으로 설정합니다.

color:red;

또는 요소의 배경색을 분홍색으로 설정합니다.

background-color: pink;

사용은 간단하다. 직접 CSS 속성 뒤에 색명을 붙이면 되고 다른 수식자를 추가할 필요가 없다.
16진수 색상 값
16진수 색상 값은 16진수를 통해 색상을 나타내며 16진수 색상은 #RRGGBB로 정의됩니다.그 중에서 RR는 빨간색, GG 녹색, BB 파란색이고 16진수 정수는 색깔의 성을 규정한다.모든 값은 0-9에서 A-F 사이여야 합니다.
16진수 값은 세 개의 두 자릿수로 작성되며 # 번호로 시작해야 합니다.예를 들어 #000000 블랙, #FF0000 레드, #00FF00 그린, #0000FF 블루 등이 있습니다.
두 자릿수가 같을 때(1,2자릿수가 같고 서너 자릿수가 같고 대여섯 자릿수가 같으면) 줄여서 쓸 수 있다. 예를 들어#000000는 줄여서#000, #FF0000는 줄여서F00 등이다.그러나 #101010 같은 것은 줄임말로 쓸 수 없다.
예:
예를 들어 각각 빨간색, 녹색, 파란색으로 글꼴 색상을 설정합니다.

color:#FF0000;
color:#00FF00;
color:#0000FF;

위 코드는 다음과 같이 간략하게 작성할 수도 있습니다.

color:#F00;
color:#0F0;
color:#00F;

RGB 색상
RGB 색상 값은 rgb(red, green, blue)로 정의되며, 3개의 매개변수는 각각 빨간색, 녹색, 파란색의 강도를 정의합니다. 매개변수 값은 0과 255 사이의 정수 또는 0%에서 100%의 백분율일 수 있습니다.
예를 들어 rgb(255,0,0)는 빨간색, rgb(0,0,255)는 파란색 등을 나타낸다.
예:
예를 들어, 배경색을 빨간색, 녹색, 파란색으로 설정합니다.

background-color:rgb(255,0,0);
background-color:rgb(0,255,0);
background-color:rgb(0,0,255);

총결산
상술한 것은 바로 우리가 말한 세 가지 규정 CSS의 색깔을 설정하는 방법이다. 사용할 수 있는 색깔이 매우 많지만 우리는 이러한 색깔 값을 모두 기억할 수 없기 때문에 사실 색깔 값을 어떻게 사용하는지 알기만 하면 된다.
우리가 평소에 작업할 때 보통 디자이너가 웹 페이지를 디자인한 후에 디자인 도면을 우리에게 준다. 우리는 웹 페이지를 제작할 때 색채 흡수기를 통해 디자인 도면의 색깔을 흡수한 후에 무슨 색깔인지 알 수 있다.
링크: https://www.9xkd.com/