CSS를 색상

색상 값

CSS를 24 비트 색상을 지정합니다 (즉, 16,777,216 색이야!) 귀하의 설계를 양념으로 텍스트 색상, 배경 색상 및 테두리 색상과 같은 속성에 대한 수있습니다. 당신이 중 하나를 (, 녹색, 파랑) 표기법으로 붉은 색 이름, 16 진법 또는 RGB 사용할 수있습니다.

CSS는 색 이름

일을 더 쉽게, CSS는 100 확장된 색상 이름뿐만 아니라 이상의 일반 영어 16 표준 색 이름이 포함되어 있는지 확인하십시오. 여기에 표준 것들의 목록입니다 :

컬러 이름 출력
aqua
black
blue
fuchsia
gray
green
lime
maroon
navy
olive
purple
red
silver
teal
white
yellow

또한 중 하나를 아무거나 색상 드로잉에서 요소를 방지하기 위해 투명 색상 값을 설정할 수있습니다 (이것을 통해 표시됩니다 배후에 다른 요소).

16 진수 색상

비록 색 이름을 아주 가끔은 쓸모 와서, 그들은 너무 모든 디자인에 맞게 몇 가지있어. 24의 전체 범위 안으로 들어오기하려면 당신이 16 진수 값을 비트 색상을 사용할 수있습니다.

16 진수 색상 # 파운드 기호 6 자리 16 진수 숫자와 같은 순서로 구성되어있습니다 #ff065c . 첫 번째 2 자리, 2 쌍 및 3 녹색 붉은 색 구성 요소를 나타내는 파란색 구성 요소입니다. 그들의 가치를 00 FF로에 이르기까지, 다양한 수있습니다 #000000 그리고 흑인 #ffffff백인.

16 진수 색상 출력
#000
#3b948d
#aed527
#ff7612
#fff

어쩌면 당신은 제가 쓴 것으로 나타났습니다 #000 대신 #000000 블랙 색상을 표시합니다. 이것은 미국 각 쌍의 자리 한 번만 각 쌍의 경우와 동일한 숫자의 구성 속기 표기법입니다. 예를 들어, #eeeeee 로 작성할 수있습니다 #eee , #3399cc 로서 #39c 등등. 이 때마다 CSS 코드의 크기를 줄일 수를 사용합니다.

RGB 색상

하지만 마지막 아니 최소한도의 RGB 색상 값을 모델을 사용하여 지정할 수있습니다 (초록, 파랑) 빨강. 그것은 기본적으로 16 진수 색상을 좋아하지만, 대신 당신은 0부터 255까지의 각 색상 구성 요소를 좋아하는 것을 위해 사용하는 10 진수 값을 16 진수 켤레의 rgb(red,green,blue) .

RGB 색상 출력
rgb(0,0,0)
rgb(59,148,141)
rgb(174,213,39)
rgb(255,118,18)
rgb(255,255,255)

당신은 이미 더 이상의 RGB 코드를 생산하는 표기법을 볼 수있는 16 진수 표기법을보다 정확히 동안 같은 일을하고있는. 거의 16 진수 RGB에서 사용이 이유. 모두의 RGB 및 16 진수 형식으로 대부분의 그래픽 소프트웨어는 디스플레이 색상 어쨌든.

텍스트 색상

color 속성은 텍스트 색상을 변경하는 데 사용될 수있습니다. 그것은 텍스트가 포함되어있는 HTML 요소에 적용할 수있습니다.

CSS는 색

p {color:green}

출력

배경 색상

background-color 속성은 거의 모든 HTML 요소의 배경색을 변경하는 데 사용될 수있습니다.

CSS의 배경 색상

p {background-color:yellow}

출력